定制标记图像
编辑时间:2017-03-03

QQ截图20170303104843.png

  简单的图标

山西福彩快乐十分 www.x78jx.cn   在最基本的情况下,图标可以简单地表示一个要代替默认的 Google Maps 图钉图标的图像。要指定这样的图

标,请将标记的 icon 属性设置为某个图像的 URL。Google Maps API 将自动调整图标大小。

简单图标代码如下:

marker = new google.maps.Marker({
   
position: new google.maps.LatLng(30.54024807, 104.06966686),
   
title:'Hello World!',
   
draggable: true,
   
icon:'2.png',
   
animation: google.maps.Animation.DROP,
   
map:map
});


复杂的图标

您也许想要指定复杂的形状来表示可点击的区域,并指定这些图标相对于其他叠层的显示方式(即它们的“叠放

顺序”)。以这种方式指定的图标应该将其 icon 属性设置为一个 Icon 类型的对象。

Icon 对象定义了一个图像。该对象还定义了图标的 size(大?。?、图标的 origin(原点,例如当您想要

的图像是一个较大图像的一部分时),以及 anchor(锚点),锚点是图标热点的所在之处(基于原点)。


var image = {
      
url: '2.png',
     
//标注的大小32*32像素
    
size: new google.maps.Size(32, 32),
      
//标注的原点是0,0
      
origin: new google.maps.Point(0, 0),
      
// 锚点在底边上
     
anchor: new google.maps.Point(0, 32)
};

marker = new google.maps.Marker({
   
position: new google.maps.LatLng(30.54024807, 104.06966686),
   
title:'Hello World!',
   
draggable: true,
   
icon:image,
   
zIndex:100,
   
animation: google.maps.Animation.DROP,
   
map:map
});

获取正版授权

方式一:自动授权

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

方式二:点击加入

免费授权QQ群

QQ在线咨询在线客服

免费咨询电话

400-028-7262

山西福彩快乐十分

淘宝店铺

bigemap.taobao.com

联系我们
  • 老火靓汤一天中何时喝最好? 2019-04-17
  • 陈晓卿推出全新美食纪录片 "风味"能否再续辉煌? 2019-04-17
  • 詹皇通知骑士队 准备与其续约 2019-04-11
  • 张瑜的专栏作者中国国家地理网 2019-04-10
  • 尧都农商银行全力推进服务“三农”工作 2019-04-09
  • [大笑]那依然是按劳(劳动价值或劳动能力)分配也! 2019-04-09
  • 台花莲发生6.5级地震已致2人遇难 2019-03-28
  • 谋求共同发展的强大动力(钟声) 2019-03-17
  • 广州整治校外培训机构:禁止超纲教学等行为 2019-03-17
  • 金参考|民粹政府上台 意大利会成为欧元区下一个风险点吗? 2018-09-04
  • 美媒:“打不死的”墨西哥蝾螈濒临灭绝 2018-09-04
  • 朝美领导人签署联合声明  确定半岛无核和平目标 2018-07-25
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2018-07-24
  • 《刺客信条:奥德赛》将持续提供定期内容更新 2018-07-24
  • 报道新闻记录历史 70载人民日报见证中国发展大事 2018-07-23
  • 338| 371| 560| 127| 706| 87| 697| 22| 378| 274|