百度/高德地图批量打标记

2016-08-15 | 4,750浏览 | 0评论 | 标签:无

map_api

四个月过去,换了新的环境,新人新事扑面而来。我的年龄在公司算是偏大了,可却没有给我带来经验上的优势。我不得不像小弟一样心态去吸收新事物,也不知道这种心态能维持多久,坚持吧。

这么久没有更新,一是因为现在做的都是偏后台和功能性的东西,看上去可能很枯燥。另一个更重要的原因是看自己以前写的东西,确实是很糟糕,代码可读性实在太差,希望自己能再充充电,沉淀沉淀。

回到正题,最近和地图api打交道比较多,现在把项目中的"批量自定义地图标记"功能抽出来,这个百度和高德出了官方的demo,我在此基础上作了小调整,满足自己的项目需求,希望对你也有帮助。

演示demo http://denghao.me/demo/2016/map_api.html .

更多功能可以查看官方api,demo中有以下几点可能需要注意:

  • js参数中的key请自行到官方申请,demo中的key作了域名限制,站外可能打不开。
  • 高德比百度在自定义标记这个功能上更简洁,标记的内容都在.amap-marker-label类所在的标签中,方便自定义样式和内容。
  • 各大地图的经纬度坐标差距很大,这也是demo中标记位置偏移的原因,(demo中使用的高德经纬度),请使用各商家自己提供的经纬度,如需转换,网上也有坐标转换公式。
  • 其他没啥好说的,还是那句话,看官方api文档,你的绝大多数需求改一改都能满足。
(本篇完。有疑问欢迎留言探讨)

留言:

*

* (方便回复通知)

打赏
编辑代码 运行结果
退出