当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 浅谈百度地图API的坑

浅谈百度地图API的坑

2018年10月15日  | 移动技术网IT编程  | 我要评论

我们可以使用百度地图生成器生成地图码(功能开发 还是使用官方文档吧)
注意百度地图坑
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>

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网