文章/答案/技术大牛

发布

社区首页 >问答首页 >向google地图添加图标

问向google地图添加图标
EN

Stack Overflow用户

提问于 2015-12-09 03:06:35

回答 1查看 1.5K关注 0票数 1

我有一个柱塞，它显示一个谷歌地图，中心在40.74，-74.18。

http://plnkr.co/edit/BfYggKO8nDolhmpq92dq?p=preview

<!DOCTYPE html>
<html ng-app="ngMap">

<head>
  <title>Simle Map</title>
  <meta name="description" content="Simple Map">
  <meta name="keywords" content="ng-map,AngularJS,center">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  <script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script>
  <script src="https://code.angularjs.org/1.3.15/angular.js"></script>
  <script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
</head>

<body>
  <ng-map center="[40.74, -74.18]"></ng-map>
</body>

</html>

代码使用angularjs。使用的google-map angularjs库是http://ngmap.github.io/。

我想在附近添加图标，比如说，50.74，-74.18。这是如何做到的呢？

google-maps

ng-map

javascript

angularjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-11 10:40:35

可以为icon指令指定marker属性以设置自定义标记图标：

<script src="https://maps.google.com/maps/api/js?libraries=placeses,visualization,drawing,geometry,places"></script>
<script src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>
<div ng-app="ngMap">
   <ng-map center="[54.74, -74.18]" style="height: 480px;" zoom="4" >
      <marker position="50.74, -74.18" title="Hello World!" icon="http://s19.postimg.org/scc4cevlv/marker_Icon.png"></marker>
   </ng-map>
</div>

柱塞

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34170074

复制

相似问题

问向google地图添加图标
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向google地图添加图标EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问向google地图添加图标
EN