百度地图，标注不在中心位置问题

百度地图，标注不在中心位置问题
今天用百度地图，做一个效果根据后台传输过来的位置坐标，显示并标注。不知道为什么百度地图老是偏离标注位置一个屏幕。

这是点击查看位置时的效果如图：

这个和我想的跑偏了十万里
BaiDu_map(index, ss) { //index是一个number值从而来坐了一个是查看位置，还是选择位置的判断

  let that = this;this.Position_map = "";var map = new BMap.Map("allmap");if (index == 0) {//    var map = new BMap.Map("map");map.centerAndZoom("无锡", 12);map.enableScrollWheelZoom();var overlays = [];var overlaycomplete = function(e) {overlays.push(e.overlay);};map.addEventListener("click", function(e) {//给地图添加点击事件map.clearOverlays();var lng = e.point.lng;var lat = e.point.lat;//创建标注位置var pt = new BMap.Point(lng, lat);var myIcon = new BMap.Icon("./img/icon_address.png",new BMap.Size(100, 100));var marker = new BMap.Marker(pt); // 创建标注map.addOverlay(marker);marker.setAnimation(BMAP_ANIMATION_BOUNCE); // 将标注添加到地图中map.centerAndZoom(pt, 15);var gc = new BMap.Geocoder();gc.getLocation(pt, function(rs) {var addComp = rs.address + rs.business;that.placeXY = pt.lng + "," + pt.lat;that.Position_map = addComp;//获取当前点击 位置的 省市县，街道号 和街道名称。并显示在 文本框中//街道号 和街道名称 不一定能获取到，有时候为空。var opts = {position: pt, // 指定文本标注所在的地理位置offset: new BMap.Size(20, -30) //设置文本偏移量};var label = new BMap.Label(addComp, opts); // 创建文本标注对象label.setStyle({color: "red",fontSize: "12px",height: "20px",lineHeight: "20px",fontFamily: "微软雅黑"});map.addOverlay(label);that.Position_but = true;});});} else if (index == 1) {                //点击查看位置时// map.clearOverlays();let a = ss.split(",");var point = new BMap.Point(a[0], a[1]);console.log(point);map.centerAndZoom(point, 15);var marker = new BMap.Marker(point); // 创建标注map.addOverlay(marker); // 将标注添加到地图中marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画}

查了百度，没有太理想的答案，同事说可能是在点击查看时，让地图显示，地图已经显示了，但标注还没创建好的问题，所以查看时：

setTimeout(() => {

    this.BaiDu_map(1, pt);}, 10);

解决

百度地图，标注不在中心位置问题相关推荐

vue3调用百度地图标注选择位置并获取经纬度
vue3调用百度地图标注选择位置并获取经纬度参考了很多文章,最终结合百度文档各有采取完成地图选取经纬度. 第一步:引入百度地图,在当前需要地图的页面引入就行. const loadMapScript ...
python百度地图标注自己的店名_百度地图上怎么显示店名百度地图标注店名方法...
对于很多经营小店的小伙伴来说,能让人一打开百度地图就能看到自己的店名显示在其中便觉得这是一件颇为高兴的事情,但问题是如何在百度地图上怎么显示自己的店名呢?下面小编就为大家带来百度地图标注店名方法,希望 ...
android h5调用百度地图,h5页面如何调用百度地图获取当前位置（代码）
本篇文章给大家带来的内容是关于h5页面如何调用百度地图获取当前位置(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在项目中越来越多的用到了手机的GRS定位功能,使用百度地图A ...
android 百度地图标注覆盖物学习
介绍最近着手做一个新的项目,其中涉及到地图定位,以及从服务器获取附近的特定商家并在地图上面标注出来.于是就研究了一下百度地图标注覆盖物功能,然后进行一点个人总结,以便学习交流使用,个人学习总结还请各 ...
百度地图标注自定义标注图片【JS】
百度地图标注自定义标注图片 //设置场地标记点for (var i = 0; i < ground_info.length; i++) {var img_url = '/Static/Oa/im ...
百度地图实现公司位置的定位，可拖动修改公司位置。
百度地图实现公司位置的定位,可拖动修改公司位置.只需要维护x轴和Y轴的数据到数据库就可以了可拖动,可搜索. <html><head><script src=" ...
根据百度地图经纬度获取位置信息
/*** 根据百度地图经纬度获取位置信息 **/ public class BaiduMapUtils {// 百度地图秘钥static String ak = "此处添加你的百度地图秘钥& ...
如何绘制景区热力图_百度地图标注“景区热力图”让你拥有千里眼
百度地图标注"景区热力图"让你拥有千里眼发布时间: 2000-12-19点击数:1406 做人嘛,最主要的是高兴,春节十分困难出去玩一趟,只看到摩肩接踵这种作业是谁也不想的,假如 ...
百度地图获取当前位置街道_轻松查看街道地址位置地图
百度地图获取当前位置街道 Have you found the address for a place that you would like to visit while browsing but ...

百度地图，标注不在中心位置问题

百度地图，标注不在中心位置问题相关推荐

最新文章

热门文章