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