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

在现在项目中使用到了百度地图:

1.订单起点设置为中心点

2.显示周围司机

在这个过程中遇到两个问题:

1、订单中心点左上角位置,网上查了很多资料,说是在div在隐藏的状态下创建BMap会出现这种情况,此时,默认为宽度和高度都为0,中心点自然就跑到左上角去了,网上

很多说了很多解决方案,map.centerAndZoom(point,15);            map.setCenter(point);                 查看百度API还有panTo();等等一些方法,还是没有解决问题,最终在API里面事件里找到了:地图加载完毕的事件,等地图加载完毕,在这个事件里在将地图的中心点设置成自己想要的点:

map.addEventListener("tilesloaded",function(){map.setCenter(point); });

2、地图有时显示的出来,有时加载不出来,开始以为是网速问题,后来觉得不是网速问题,是每次点击都加在百度地图,加载次数过多导致,解决方法就是指在加载js的时候加载一次百度地图就解决问题了,方法啊如下:

<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=2.0&ak=百度秘钥&callback=initMap"></script>
然后在你的js里面定义initMap方法:
<pre name="code" class="javascript">var map;
function initMap() {
	// 添加百度地图
	map = new BMap.Map("allmap");
}

然后就解决问题了。

				
时间: 2024-08-21 08:33:04

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

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

订单中心点左上角位置,网上查了很多资料,说是在div在隐藏的状态下创建BMap会出现这种情况,此时,默认为宽度和高度都为0,中心点自然就跑到左上角去了,网上很多说了很多解决方案,map.centerAndZoom(point,15);            map.setCenter(point);                 查看百度API还有panTo();等等一些方法,还是没有解决问题,最终在API里面事件里找到了:地图加载完毕的事件,等地图加载完毕,在这个事件里在将地图的中心点设置成

利用百度开发者中心的api实现地图及周边的搜索

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"&

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

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

[转]百度地图API详解之地图坐标系统

博客原文地址:http://www.jiazhengblog.com/blog/2011/07/02/289/ 我们都知道地球是圆的,电脑显示器是平的,要想让位于球面的形状显示在平面的显示器上就必然需要一个转换过程,这个过程就叫做投影(Projection).在地球上我们通过经纬度来描述某个位置,而经过投影之后的地图也有自己的坐标系统,本篇文章就来详细介绍在百度地图API中涉及的各种坐标体系. 在百度地图API中,你需要了解如下坐标系: 经纬度:通过经度(longitude)和纬度(latitu

【百度地图API】如何利用地图API制作汽车沿道路行驶的动画?——如何获得道路层数据

原文:[百度地图API]如何利用地图API制作汽车沿道路行驶的动画?--如何获得道路层数据 有几个做汽车导航的朋友问我说,他们想在地图上制作一辆车沿着道路行驶的动画.可是,百度地图的道路数据并没有公开.所以,应该怎么办呢? 一. 我们先来学习如何把百度地图“弄”出来.把下面这段代码保存为htm格式,用浏览器打开,就能看到百度地图了. <html><head><meta http-equiv="Content-Type" content="text

Android studio 百度地图开发(8)地图已标记POI点和搜索POI点的获取和利用

一简要描述 二地图中已标记POI点 1接口 2MapPoi 类 3获取POI 三搜索关键词获取POI点 描述 1combaidumapapisearchpoi 接口OnGetPoiSearchResultListener PoiResult类 PoiInfo类 搜索POI 2combaidumapapisearchsug 接口 SuggestionResultseggestionInfo 联想搜索 四搜索效果 1联想搜索效果 2直接搜索效果 3选择一条联想搜索结果 五总结 一.简要描述 百度地图

自备百度地图API密钥 解决Cooply“地图API未授权”问题

自备百度地图API密钥 解决Cooply"地图API未授权"问题 ? ? ? ? ? 有时候,当我们时,会看到提示百度未授权使用地图API,这是因为coolpy的开发者是使用的自己的百度开放平台密钥做的测试,而我们把coolpy下载来后直接使用了人家的百度地图api访问权限,这就是导致问题的原因. 所以,我们在下载来coolpy准备使用的时候,应该先提前将API key换成自己的.这样你使用的时候才不会时不时出问题 ? ? 首先登陆百度账号,注册成为开发者 http://develop

百度LBS开放平台个性化地图 制作一款独一无二的地图

百度LBS开放平台个性化地图  制作一款独一无二的地图 天天用百度地图的亲们是否已不再满足只看如下的地图样式了呢? 默认百度地图样式 是否特别渴望看特别不一样的地图呢,如带京城81号气息的午夜蓝风格.绿灯侠风格的青春绿地图及红色警戒风格的地图? 午夜蓝地图风格 青春绿风格地图 警戒红地图风格 如果你以为上述酷炫的地图只是PS出来的,那么你就out了,因为百度LBS开放平台已经对广大的开发者提供了定制如上个性化样式的地图功能啦~ 开发者可以从http://developer.baidu.com/m

模仿百度地图的LBS服务——离线地图篇 Part 2 (v 3.1.1)

一.前言 转载请标明出处:http://blog.csdn.net/wlwlwlwl015/article/details/41492031 这一篇blog写的真心不容易,我只想说我这种菜鸟去高仿百度地图去做LBS服务真心有点作死,期间本想放弃,做简单点算了,但不能说服自己.最后通过F6去一行一行的debug(新手朋友注意这是最好的解决问题的方式没有之一),最后成功完成了核心的功能.上一篇blog高仿了百度地图离线地图模块中的"城市列表"部分(模仿百度地图的LBS服务--离线地图篇 P