欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

浅谈百度地图API的坑

程序员文章站 2022-07-06 09:11:02
我们可以使用百度地图生成器生成地图码(功能开发 还是使用官方文档吧) 注意百度地图坑 1、地图和我们申请的ak码版本问题 (解决方案:推荐大家使用2.0) 远程链接:`` 2、百度地图正确演示 却无法正常显示地图图形 (解决方案:多半都是百度地图的范围大小问题 推荐设置 13 存储的时候 最好存储详 ......

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