百度地图JavaScript批量坐标读取与转换打点
html 的百度地图批量打点功能,适合有一堆本地坐标点想一口气导入地图展示的场景。你只要准备好坐标文件,配合代码自动转换坐标系,再调用地图 API 画点,效率一下子就上来了,操作也不复杂。
本地坐标批量读取用起来挺顺手的,支持你从 CSV 或者 JSON 里一行行读出坐标,再喂给百度地图用。起来比你手动一个个点快多了,尤其点数多的时候,真的省事。
坐标转换这块也是关键,毕竟百度地图吃的是自己的 BD09 坐标系。文里用的是 BMap.Convertor
来转换,基本一两行代码就能搞定:
var convertor = new BMap.Convertor();
convertor.translate(points, 1, 5, callback);
别忘了传入类型,WGS84 是 1,GCJ02 是 3。
批量打点可以用循环配合 new BMap.Marker
搞定,每个点都加上 map.addOverlay
,打起来一气呵成,效果直观,响应也快。你还可以顺手加个 infoWindow,点一下就弹信息框。
如果你在做地图展示,是需要一批坐标点一口气扔上去的那种,这篇原文还挺值得一看的。顺手再看下这个批量转换工具,对坐标更方便。
哦对,注意下你的本地坐标文件格式要干净点,字段别乱写,转的时候别出错。不然坐标歪了,全图就花了。
1.43KB
文件大小:
评论区