JavaScript引入百度地图标注点与坐标偏移问题

文章正文
发布时间:2025-01-30 17:37

在js引入百度地图时碰到了问题,就是坐标点和位置标注不在一个位置发生偏移。位置标注在地图中心,但是用经纬度定位的坐标点却跑到了地图上方

js代码如下:

// 创建地图实例 var map = new BMap.Map("allmap"); map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 // 创建点坐标 var point = new BMap.Point(121.529376,31.213313); // 初始化地图,设置中心点坐标和地图级别 map.centerAndZoom(point, 16); var opts = { type: BMAP_NAVIGATION_CONTROL_LARGE } map.addControl(new BMap.NavigationControl(opts)); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中

问题界面如下:此时坐标点和标注不是重叠的。

此时只有当我拖拽或缩放地图,才能够让地图重新定位准确,让坐标和标注点都在中心位置,后来百度了很多方法,添加以下代码能够解决问题

var loadCount = 1; map.addEventListener("tilesloaded",function(){ if(loadCount == 1){ map.setCenter(point); } loadCount = loadCount + 1; });

问题解决后界面如下:

tilesloaded是检测地图块是否加载完成,当地图所有图块完成加载时触发此事件,每次拖动地图也会触发tilesloaded事件。

暂时不知道原因 是什么,先做个记录

首页
评论
分享
Top