【问题】 百度地图marker不在中心点处

问题:

 var map = new BMap.Map("mapshow");
 map.centerAndZoom(point, 15);

  

显示百度地图时,map.centerAndZoom使用point作为参数时,标点不出现在中心处。

原因:

我是隐藏状态下(display:none)创建的地图
这样会导致地图容器宽高为0,在宽高为0的容器上,中心点自然也是0了
这算是BMap的缺陷吧,只能在可视的情况下或者display:visibile下创建地图。

解决办法:

我使用的是bootstrap的模态框作为地图的容器的。使用模态框的打开箭头事件 show.bs.modal。将地图容器设置为 display","visibile

$("#publish").on("show.bs.modal",function() {
        $(".map-container").css("display","visibile");//地图容器设置为不可见,取代了none。等待地图创建
}    

等待地图创建完成后,需要将display的参数visibile变成none,这样不会占位置。

1  $(".map-container").css("display","none");

效果:标注出现在了中间

时间: 2024-08-11 01:21:53

【问题】 百度地图marker不在中心点处的相关文章

百度地图+Marker纠偏

百度地图+Marker纠偏 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=

Android 关于百度地图Android SDK几处修正使用说明(非官方)

本篇主要是因为最近在学习使用百度地图,发现了一些问题,跟大伙分享一下. 1.根据android sdk开发指南中"Hello World"的例子,构建一个基础的地图页面,如果大家完全按照示例代码中所写的那样,是不会执行成功的,会有以下问题的错误提示"java.lang.RuntimeException: Unable to instantiate activity ComponentInfo" 这个问题出现的原因是 在第二步,配置Activity部分,android

百度地图 Android SDK - 标注(Marker)的基本使用

标注(Marker)是开发者最常使用的地图覆盖物志一,今天就来向大家介绍一些标注(Marker)的最基本使用方法! 实现目标: 1.构建基础地图页面: 2.在地图的中心点处添加 Marker: 3.实现 Marker 的点击事件响应: 4.实现 Marker 的添加和灵活删除: 为了实现以上目标,我们会分成以下若干步骤来进行. 第一步.创建工程,导入百度地图 Android SDK: 具体创建工程的方式(略).本示例主要是为了实现地图及相关的覆盖物功能,因此这里我只使用 SDK 开发资源下载平台

android 3.0+百度地图api地图如何移动到指定的经纬度处

由于百度地图api,2.0+和3.0+的改动比较大,api基本上被全换过了,有些同学可能2.0+的api使用的非常熟悉,但是更新到3.0+时,却会遇到一些小麻烦(由于api变了,你就需要重新学习它的api,代码也要重新写,这点比较蛋疼).所以在此给出一些小例子,希望对升级到3.0+的各位同学有所帮助. 1.百度地图api地图如何移动到指定的经纬度处?如下图代码所示 private void chooseMyLocation(double la,double lo) { // 开启定位功能 bai

调用百度地图API添加点聚合时,marker标注的label标签刷新丢失问题

最近在使用百度地图API的点聚合时遇到一个问题 当将自定义的Marker(含有Label)通过MarkerClusterer 管理的时候,当地图发生任何移动.缩放 的时候,Marker 的Label 就会自动消失. 这个问题主要是由于百度的点聚合API<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_mi

Android studio 百度地图开发(6)Marker绑定事件、计算两点距离

email:[email protected] 开发环境:win7 64位,Android Studio,请注意是Android Studio,使用的导航SDK版本:3.1.0. 百度地图应用(1):Android studio 百度地图开发(1)配置工程.显示地图 百度地图应用(2):Android studio 百度地图开发(2)地图定位 百度地图应用(3):Android studio 百度地图开发(3)地图导航 百度地图应用(4):Android studio 百度地图开发(4)触摸选点

百度地图JavascriptApi Marker平滑移动及车头指向行径方向

相信只要是使用百度地图做实时定位服务的朋友都会遇到这个问题,在对坐标位置进行覆盖物展示的时候,会出现由于获取坐标数据时间或者两个坐标点相距过远,导致在视觉上看Marker移动就像"僵尸跳"一样,一蹦一蹦的给客户看分分钟鄙视你到不能自已.另外如果用的是有指向性图标ICON的时候,更会引来吐槽~诶诶诶,你这小车车怎么在这个立交桥转弯的时候车头向着后面呢?怎么搞得嘛你!会不会弄啊你! 所以今天参照百度大大提供的路书开源文件实现下自己的需求,记录一下以便提供参考. 一.覆盖物在获取坐标数据的同

百度地图 判断marker是否在多边形内

昨天画了圆形,判marker是否存在圆形内.今天来画多边形,判断marker在多边形内. 百度地图API覆盖物多边形类 http://developer.baidu.com/map/reference/index.php?title=Class:%E8%A6%86%E7%9B%96%E7%89%A9%E7%B1%BB/Polygon http://developer.baidu.com/map/reference/index.php?title=Class:%E8%A6%86%E7%9B%96%

android 百度地图 通过剪裁图片添加 Marker

初始化百度地图: 1 private void initViews() { 2 4 mMapView = (MapView) findViewById(R.id.bmapView); 5 mBaiduMap = mMapView.getMap(); 6 // 初始化地图范围级别 7 MapStatusUpdate msu = MapStatusUpdateFactory.zoomTo(14.0f); 8 mBaiduMap.setMapStatus(msu); 9 } -------------