zoukankan      html  css  js  c++  java
  • 浅谈百度地图API的坑

    我们可以使用百度地图生成器生成地图码(功能开发 还是使用官方文档吧)
    注意百度地图坑
    1、地图和我们申请的ak码版本问题 (解决方案:推荐大家使用2.0)
    远程链接:<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak码"></script>
    2、百度地图正确演示 却无法正常显示地图图形 (解决方案:多半都是百度地图的范围大小问题 推荐设置 13 存储的时候 最好存储详细地址 然后获取详细地址的经纬度)

    3、数据库经纬度小数设置(推荐类型 float 如果实在觉得麻烦 可以直接设定varchar类型 )

    4、百度地图 API JavaScript前端 对象生成

    <script type="text/javascript">
      //创建和初始化地图函数:
      function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMapOverlay();//向地图添加覆盖物
      }
      function createMap(){ 
        map = new BMap.Map("map"); 
        map.centerAndZoom(new BMap.Point({$sellerRow['lng']},{$sellerRow['lat']}),13);
      }
      function setMapEvent(){
        map.enableScrollWheelZoom();
        map.enableKeyboard();
        map.enableDragging();
        map.enableDoubleClickZoom()
      }
      function addClickHandler(target,window){
        target.addEventListener("click",function(){
          target.openInfoWindow(window);
        });
      }
      function addMapOverlay(){
      }
      //向地图添加控件
      function addMapControl(){
        var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
        map.addControl(scaleControl);
        var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(navControl);
      }
      var map;
        initMap();
    </script>
  • 相关阅读:
    1、数据加密基础
    cookie——小甜品
    使用SpringBoot开发REST服务
    从编辑距离、BK树到文本纠错
    360影视视频下载
    从Trie树到双数组Trie树
    使用websocket-sharp来创建c#版本的websocket服务
    OFFICE 文档转换为html在线预览
    IDEA+PHP+XDebug调试配置
    HTML5录音控件
  • 原文地址:https://www.cnblogs.com/depravity/p/9791527.html
Copyright © 2011-2022 走看看