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