leaflet 集成百度地图小例子(2)

最新推荐文章于 2024-08-26 07:45:25 发布

七月的渡口

最新推荐文章于 2024-08-26 07:45:25 发布

阅读量3.1k

点赞数

本文链接：https://blog.csdn.net/sgy86/article/details/78616629

版权

本文介绍如何在Leaflet中集成百度地图，包括引入坐标转换库、初始化地图、设置地图层级、添加自定义图层及控制图层切换。通过示例代码详细展示了集成过程。

摘要由CSDN通过智能技术生成

上节实现了leaflet的小例子,节集成百度地图

1.由于所有地图的经纬度计算的规则不统一,所以需要引如两个js实现坐标转换

2.初始化地图

//初始化地图
$(document).ready(function () {

var map = L.map('map', {
crs: L.CRS.Baidu,
minZoom: 3,
maxZoom: 18,
attributionControl: false,
center: [31.834912, 117.220102],
zoom: 12
});

3.引入proj后对百度地图经纬度进行调整

L.CRS.Baidu = new L.Proj.CRS('EPSG:900913', '+proj=merc +a=6378206 +b=6356584.314245179 +lat_ts=0.0 +lon_0=0.0 +x_0=0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +wktext +no_defs', {
resolutions: function () {
level = 19
var res = [];
res[0] = Math.pow(2, 18);
for (var i = 1; i < level; i++) {
res[i] = Math.pow(2, (18 - i))
}
return res;
}(),