解决百度地图中心偏移到左上角

订单中心点左上角位置,网上查了很多资料,说是在div在隐藏的状态下创建BMap会出现这种情况,此时,默认为宽度和高度都为0,中心点自然就跑到左上角去了,网上很多说了很多解决方案,map.centerAndZoom(point,15);            map.setCenter(point);                 查看百度API还有panTo();等等一些方法,还是没有解决问题,最终在API里面事件里找到了:地图加载完毕的事件,等地图加载完毕,在这个事件里在将地图的中心点设置成自己想要的点,这样会存在一个问题,就是如果设置的中心点是固定的点,那么每次拖动地图的时候最后的中心点都会在设置的固定点上,也就是会出现拖拽后又返回的的情况,像是有弹力般的感觉,这是就需要在js里定义一个变量,只让这个事件作用一次,就是指在第一次加载该地图页面的时候用该事件设置一次中心点,这样就完美解决该问题:

var jd = response.getParameter("jd");
var wd = response.getParameter("wd");
// 创建Map实例
var map = new BMap.Map("container");
// 创建地图实例
var point = new BMap.Point(jd, wd);
// var point = new BMap.Point(jd, wd);
// 创建点坐标
map.centerAndZoom(point,15);
// 初始化地图,设置中心点坐标和地图级别
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);

map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
var loadCount = 1;
    map.addEventListener("tilesloaded",function(){
        if(loadCount == 1){
            map.setCenter(point);
        }       
loadCount = loadCount + 1;
   });

 

原文地址:https://www.cnblogs.com/zhangzhiqin/p/9945998.html

时间: 2024-08-01 21:43:46

解决百度地图中心偏移到左上角的相关文章

百度地图中心偏移到左上角,地图有时能加载出来有时加载不出来

在现在项目中使用到了百度地图: 1.订单起点设置为中心点 2.显示周围司机 在这个过程中遇到两个问题: 1.订单中心点左上角位置,网上查了很多资料,说是在div在隐藏的状态下创建BMap会出现这种情况,此时,默认为宽度和高度都为0,中心点自然就跑到左上角去了,网上 很多说了很多解决方案,map.centerAndZoom(point,15);            map.setCenter(point);                 查看百度API还有panTo();等等一些方法,还是没有

iOS关于百度地图坐标偏移的处理

定义一个宏来转换 #define CBCoorConvert(coor) BMKCoorDictionaryDecode(BMKBaiduCoorForGcj(coor)) 使用 - (id)initWithJson:(NSDictionary *)json { if (self = [super initWithJson:json]) { self.mileageNew = [json objectForKey:@"newMileage"]; CLLocationCoordinate

解决百度地图在iPad和iPhone上无法定位

在iPad和iPhone上运行百度地图经常出现如下问题 didFailWithError: Error Domain=kCLErrorDomain Code=0 "The operation couldn't be completed. (kCLErrorDomain error 0.)" 解决方法: 1.检查设备确实连上了有效的wifi活着3G 2.去设置---隐私--定位服务查看应用是否定位 3.重新连接网络 4. Product---Scheme---Edit Scheme---

iOS 集成百度地图 位置偏移问题

iOS 集成百度SDK 请参考 百度地图官方文档 ,这里不就多啰嗦了 本文介绍的是在百度地图上根据经纬度,自定义气泡时,气泡位置的偏移,在我们天朝这种事是很常见的,也见怪不怪了,在项目中使用的百度地图的SDK,位置各种不对,百度地图和其他地图,如高德,他们都有自己的偏移算法,网上也有很多譬如 火星坐标转换之类的,都不能达到准备显示的效果. 其实百度SDK 有他自己偏移算法,使用百度偏移转换就可以了 BMKPointAnnotation *annotation = [[BMKPointAnnota

iOS开发 - 解决百度地图模拟器无法定位问题

在模拟器上使用百度地图定位的时候, 经常报这样的错误: /** *定位失败后,会调用此函数 *@param error 错误号 */ - (void)didFailToLocateUserWithError:(NSError *)error { NSLog(@"%@", error); //Error Domain=kCLErrorDomain Code=0 "The operation couldn't be completed. (kCLErrorDomain error

解决百度地图js在移动端点击无效

添加触摸事件 //触摸事件(解决点击事件无效)--触摸开始,开启拖拽map.addEventListener('touchmove', function(e) {map.enableDragging();});//触摸结束始,禁止拖拽map.addEventListener("touchend", function(e) {map.disableDragging();}); 原文地址:https://www.cnblogs.com/yeyuqian/p/11969161.html

GMap.Net中使用百度地图

public abstract class BaiduMapProviderBase : GMapProvider { public BaiduMapProviderBase() { MaxZoom = null; RefererUrl = "http://map.baidu.com"; Copyright = string.Format("©{0} Baidu Corporation, ©{0} NAVTEQ, ©{0} Image courtesy of NASA&quo

openlayers3应用“四’”:百度地图坐标纠偏续

续前一篇,上一篇提到百度地图纠偏的基本思路,经过经过一天的努力,实现了百度地图坐标偏移参数的提取,步骤以及实现效果如下: 1.数据来源:四川省的省道矢量数据 2.提取坐标偏移参数的过程如下: A.将四川省地图范围按一定的范围划分成多个相同的网格 B.为网格准备纠偏数据:读取四川省省道矢量数据,并将矢量数据分配到划分的网格 C.加载百度在线或者离线地图,绘制矢量数据,使用页面上的按钮,将省道图形移动到正确的位置,记录偏移参数. D.采用查表法对地图进行"纠偏":将需要添加到地图上的坐标,

百度地图JavaScript API覆盖物旋转时出现偏移

在项目中,调用百度地图JavaScript API,做覆盖物的旋转再添加到地图上,结果出现偏移了. 调试过程中的效果图: 发现图片的旋转并不是按车子的中心来的,而是之外的一个点.最后发现犯了一个很细节的错: <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(121.38750613, 31.17