我们可以使用百度地图生成器生成地图码(功能开发 还是使用官方文档吧)
注意百度地图坑
1、地图和我们申请的ak码版本问题 (解决方案:推荐大家使用2.0)
远程链接:< type="text/ " src="http://api.map.baidu.com/api?v=2.0&ak=你的ak码"></ >
2、百度地图正确演示 却无法正常显示地图图形 (解决方案:多半都是百度地图的范围大小问题 推荐设置 13 存储的时候 最好存储详细地址 然后获取详细地址的经纬度)
3、数据库经纬度小数设置(推荐类型 float 如果实在觉得麻烦 可以直接设定varchar类型 )
4、百度地图 API 前端 对象生成
< type=\"text/ \">
//创建和初始化地图函数:
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();
</ > 继续阅读与本文标签相同的文章
-
基础c4d教程:简单的木质吊灯建模,小白也能学会
2026-05-18栏目: 教程
-
大族激光:智能装备LION系列光纤激光切割机发布仪式在湘隆重召开
2026-05-18栏目: 教程
-
实拍上汽首个“无人”仓库,本月正式运行
2026-05-18栏目: 教程
-
自动驾驶光车以外的硬件就7万 滴滴想让你不买车就能先坐上
2026-05-18栏目: 教程
-
滴滴迎来大整顿!1000万罚单认清现实,8万司机被开除
2026-05-18栏目: 教程
