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>
  • 相关阅读:
    linux学习笔记
    随笔
    matlab自学笔记(3)—图像绘制与图像处理
    matlab自学笔记(1)安装与简介
    matlab自学笔记(2)函数的使用
    四轴飞行器
    小学生300道练习题程序及问题
    对运动软件——乐动力的评价
    软件工程随记
    Visual Studio 2013版本安装
  • 原文地址:https://www.cnblogs.com/depravity/p/9791527.html
Copyright © 2011-2022 走看看