百度地图 弹窗效果,标注总显示在左上角

现象一: 地图弹窗先隐藏 ->显示地图弹窗->设置marker -> 设置centerAndZoom

  看效果标注层定点位置有问题(因显隐),中心点还是相对于左上角。(不知道是不是这样,先标记待查)

现象二: 地图弹窗先隐藏->设置marker -> 设置centerAndZoom ->显示地图弹窗

隐藏时左上角是地图中心点,所以标注在左上角(上图为了展示效果,手动将地图向右下角移动了一下)

解决:每次显示地图之前都需要初始化地图,例如:

    var map = new BMap.Map("dituContent");
        var point = new BMap.Point(longitude, latitude);
        map.centerAndZoom(point, opts.level);
        mapGeo = new BMap.Geocoder();

        map.enableDragging();// 启用地图拖拽事件,默认启用(可不写)
        map.enableScrollWheelZoom();// 启用地图滚轮放大缩小
        map.enableDoubleClickZoom();// 启用鼠标双击放大,默认启用(可不写)
        map.enableKeyboard();// 启用键盘上下左右键移动地图

        map.addEventListener("click", function(e) {

        })

        localSearch = new BMap.LocalSearch(map);
        localSearch.enableAutoViewport(); // 允许自动调节窗体大小    
时间: 2024-10-21 21:06:12

百度地图 弹窗效果,标注总显示在左上角的相关文章

百度地图-js-图标标注不显示

一个小图,一个大图,走的逻辑都一样 小图不显示图标,大图可以显示

百度地图生成器添加标注后图标不显示的解决方法

作为传统企业网站的联系我们页面里,一般都会加个地图,如果只有文字描述,会显得很LOW. 百度地图生成器(http://api.map.baidu.com/lbsapi/creatmap/)就很好的满足了这一部分用户的诉求,快速简单的给自己网页添加一个加标注的地图,但是美中不足的,现在这个百度地图生成器添加标注后,标注图标不显示,如下图: 解决方法也很简单,只要找到生成的代码中的icon地址: http://app.baidu.com/map/images/us_mk_icon.png 替换成这个

百度地图循环添加标注,并循环为标注添加信息窗口问题解决

原文:百度地图循环添加标注,并循环为标注添加信息窗口问题解决 最近几年在搞地图方面的开发,主要是循环为坐标添加标注并为标注添加弹出信息窗口,起初我的代码如下: var map = new BMap.Map("Mapcontainer"); var JsonObj = eval(JsonStr); if (JsonObj != null) { for (var i = 0; i < JsonObj.length; i++) { var point = new BMap.Point(

百度地图API 添加自定义标注 多点标注

原文:百度地图API 添加自定义标注 多点标注 分四个文件 location.php map.css 图片 数据库 数据库配置自己改下 ------------------------------------------------------------  华丽的分割线   ----------------------------------------------------- location.php 主文件 <link rel="stylesheet" type=&quo

百度地图批量添加标注+点击显示对应窗口信息

<script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("allmap"); // 创建Map实例 var point = new BMap.Point(121.338403, 31.24203); map.centerAndZoom(point, 7);//创建中心点 map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用 map.enab

[android] 百度地图开发 (一).申请AK显示地图及解决显示空白网格问题

    最近做android百度地图,但是使用baidumapapi_v2_3_1.jar和libBaiduMapSDK_v2_3_1.so显示百度地图时总是遇到问题--只显示网格而没有显示地图,网络连接和APIKey申请都是正确的,就是不知道为什么不能显示,网上也有很多人遇到这个问题,有的是SDK更新不兼容.而且网上很多百度地图都是使用V2.3.1版本,后来没有办法只有通过baidumapapi_v2_4_1.jar完成显示地图. 其中需要注意的是使用2.3.1时调用manager.init(

百度地图中的标注

使用多个定义好的城市标注,需要用for来循环一下,不然出现的是一个,或者不显示任何的标注 <script type="text/javascript"> // 百度地图API功能 var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(106.234, 38.54), 5); map.addControl(new BMap.NavigationControl()); //

百度地图三维效果实现

之前用百度地图都是用的二维地图,现在发现百度地图支持三维效果,欲实现三维效果只需添加如下两句代码即可: map.setMapType(BMAP_PERSPECTIVE_MAP);     //修改地图类型为3D地图 map.setCurrentCity("北京市");  //设置当前城市 ,整体代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"

百度地图_更改标注颜色

一.前期准备 1.  申请密匙 去百度地图控制台申请密匙. 地址:http://lbsyun.baidu.com/ 2.  在index.html引入 <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=您的密钥也就是ak值"></script> 注:去掉地图左下角的logo .BMap_cpyCtrl { display: none;