我们可以使用百度地图生成器生成地图码（功能开发 还是使用官方文档吧）
注意百度地图坑
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>内容来源于网络如有侵权请私信删除
- 还没有人评论，欢迎说说您的想法！
客服
