码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-11-03 16:45:43      阅读:1223      评论:0      收藏:0      [点我收藏+]

标签:中心   click   edr   右键   lzo   image   lis   and   dev   

 现象一: 地图弹窗先隐藏 ->显示地图弹窗->设置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(); // 允许自动调节窗体大小    

 

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

标签:中心   click   edr   右键   lzo   image   lis   and   dev   

原文地址:http://www.cnblogs.com/xiaozhuyuan/p/7778870.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!