百度/高德地图批量打标记
2016-08-15 | 4,750浏览 | 0评论 | 标签:无
四个月过去,换了新的环境,新人新事扑面而来。我的年龄在公司算是偏大了,可却没有给我带来经验上的优势。我不得不像小弟一样心态去吸收新事物,也不知道这种心态能维持多久,坚持吧。
这么久没有更新,一是因为现在做的都是偏后台和功能性的东西,看上去可能很枯燥。另一个更重要的原因是看自己以前写的东西,确实是很糟糕,代码可读性实在太差,希望自己能再充充电,沉淀沉淀。
回到正题,最近和地图api打交道比较多,现在把项目中的"批量自定义地图标记"功能抽出来,这个百度和高德出了官方的demo,我在此基础上作了小调整,满足自己的项目需求,希望对你也有帮助。
演示demo: http://denghao.me/demo/2016/map_api.html .
更多功能可以查看官方api,demo中有以下几点可能需要注意:
- js参数中的key请自行到官方申请,demo中的key作了域名限制,站外可能打不开。
- 高德比百度在自定义标记这个功能上更简洁,标记的内容都在.amap-marker-label类所在的标签中,方便自定义样式和内容。
- 各大地图的经纬度坐标差距很大,这也是demo中标记位置偏移的原因,(demo中使用的高德经纬度),请使用各商家自己提供的经纬度,如需转换,网上也有坐标转换公式。
- 其他没啥好说的,还是那句话,看官方api文档,你的绝大多数需求改一改都能满足。
(本篇完。有疑问欢迎留言探讨)
热门文章
- 微信小程序“拍照识图”上线(63,758)
- YouTube评论翻译插件《油管评论翻译机》上线了(60,289)
- 基金助手--chrome浏览器插件(45,193)
- 拍照识别彩票结果在线工具(31,944)
- vue+tabs动态组件方案漫谈(26,477)
- 《油管评论翻译机》使用说明书(25,339)
- 网页打印插件Print.js(23,978)
- 自用YouTube抓取评论+翻译工具(23,380)
- YouTube评论导出免费在线工具(18,055)
- px转rem/vw方法小结(17,565)