leaflet使用百度地图

leaflet使用百度地图,叠加层使用硬件/谷歌坐标。
leaflet默认使用硬件/谷歌坐标,使用百度地图需要进行坐标偏移。就是把硬件/谷歌坐标转换成百度坐标。

网上搜到一些解决方法,但是总是不奏效。最后还是拿网上的改了下

参考了以下文章:
https://blog.csdn.net/u012087400/article/details/53744756
https://blog.csdn.net/u012087400/article/details/52847614

此方法是直接在地图投影方法出设置偏移。具体如下:
1、引入支持leaflet的proj4(https://github.com/kartena/Proj4Leaflet)
2、引入自定义百度地图层 tileLayer.baidu.js
3、leaflet地图初始化时crs参数设置为L.CRS.Baidu,layers设置为L.tileLayer.baidu

示例:
22.532934684, 114.0547117002是谷歌地图坐标


image.png

源码:

 
 
 
 
 
 
 
 
 

附件:leaftet百度.rar

你可能感兴趣的:(leaflet使用百度地图)