浅谈百度地图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>