zoukankan      html  css  js  c++  java
  • 百度地图 弹窗效果,标注总显示在左上角

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

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

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

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

     解决:每次显示地图之前都需要重新初始化地图(即需要重新执行 map = new BMap.Map("dituContent");...),初始化的内容可以如下:

        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(); // 允许自动调节窗体大小    
  • 相关阅读:
    第三周学习进度总结
    第二周学习进度总结
    动手动脑04
    动手动脑03
    动手动脑02
    课堂实践总结
    课堂实践
    原码,反码和补码学习报告
    开学第一周
    第八周
  • 原文地址:https://www.cnblogs.com/xiaozhuyuan/p/7778870.html
Copyright © 2011-2022 走看看