添加标记
编辑时间:2017-06-03

QQ截图20170303091746.png

google.maps.Marker 的构造函数只需传入一个 MarkerOptions 对象字面量,用于指定标记的初始属性。

以下字段特别重要,并且在构建标记时通常会进行设置:

  • position(必填)指定用于标识标记的初始位置的 LatLng

  • map(可选)指定用来放置标记的 Map。如果您在构建标记时未指定地图,则标记会被创建,但不会附加到(或显示在)地图上。您以后可以通过调用标记的 setMap() 方法来添加标记。


    代码如下:

    

var marker=new google.maps.Marker({
   
title:'Hello Word',
   
position:new google.maps.LatLng(30.54024807, 104.06966686),
   
map:map
});

     

  在以上示例中,在构建标记时使用了 MarkerOptions 中的 map 属性将该标记放置在地图上。或者,您也


可以直接使用标记的 setMap() 方法将该标记添加到地图上,如以下示例中所示:

    

    var marker = new google.maps.Marker({
   
    position: new google.maps.LatLng(30.54024807, 104.06966686),
   
    title:'Hello World!'
    });
    marker.setMap(map);



添加一个矢量SVG的标注


代码示例:


var goldStar = {
   
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
   
fillColor: 'yellow',
   
fillOpacity: 0.8,
   
scale: 0.5,
   
strokeColor: 'gold',
   
strokeWeight: 5
};
var marker=new google.maps.Marker({
   
position:myLatLng,
   
map:map,
   
icon:goldStar
});







获取正版授权

方式一:自动授权

关注官方微信号
BIGEMAP微信公众号
操作步骤:
①关注官方微信号
②点击【自助授权】
③按提示完成操作!
注:此功能暂未完成

方式二:扫一扫

免费授权微信群

微信客服 在线客服

免费咨询电话

400-028-7262

028-65472965

淘宝店铺

bigemap.taobao.com

联系我们