zoukankan      html  css  js  c++  java
  • 百度API地图的标注不居中显示,而显示在左上角

    前言:今天弄个百度地图,弄了半天就是不居中,之前使用一直没有遇到这个问题。所以就一直在找原因。

    百度地图对地图所在的div做了显示隐藏之类操作,标注就不再居中显示,而显示在左上角。

    查了很久,有人提出这个解决方式 map.panBy(266,190);

    html:

    <div id="allmap" style="520px;height:400px;"></div>

    js:

    // 百度地图API功能
    var map = new BMap.Map("allmap"); // 创建Map实例
    map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
    mapTypes:[
    BMAP_NORMAL_MAP,
    BMAP_HYBRID_MAP
    ]}));    
    map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
    
     map.panBy(260, 200);//中心点偏移多少像素(width,height)为div 宽高的一半;
    
    map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

    但是这个建议不要初始化加载,因为初始化加载会有问题。如果你有更好的办法,欢迎给我共享,谢谢。

    记录下自己的遇到的一些小问题,不喜欢的话。

    你倒是过来打我啊。

  • 相关阅读:
    restframework 自定义返回响应格式
    restframework 分页器
    Python设计模式
    Pytest系列
    Pytest系列
    Pytest系列 -pytest-dependency 用例依赖
    restframework jwt登录验证
    restframework 自定义json返回格式
    Axure RP8 注册码
    LVM 移除PV步骤
  • 原文地址:https://www.cnblogs.com/zwp06/p/8515974.html
Copyright © 2011-2022 走看看