<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
ak
,注意是要瀏覽器端的ak,這個(gè)直接到百度開發(fā)者平臺(tái)申請(qǐng)。引入layui,這個(gè)大家可以到layui官網(wǎng)看看怎么引入layer,注意:這里要提示一點(diǎn)
content
中內(nèi)容里的div一定要給一個(gè)寬高,不然地圖是加載不出來的
return layer.open({
type: 1,
title: false,
closeBtn: false,
area: '500px',
shade: 0.3,
shadeClose: true,
content: '<div id="mapContainer"><div id="tmsbaiduMap" style="height: 500px;width: 500px;"></div></div>',
success: function(layero, index) {
var map, marker, myIcon, point;
//創(chuàng)建百度地圖實(shí)例
map = new BMap.Map("tmsbaiduMap");
//定位的經(jīng)緯度坐標(biāo)
point = new BMap.Point(113.943062, 22.54069);
//將地圖中心移動(dòng)到我們指定的地點(diǎn),并設(shè)置地圖等級(jí)(就是地圖縮放的程度)
map.centerAndZoom(point, 20);
//導(dǎo)入位置圖標(biāo),后面設(shè)置的size的參數(shù)其實(shí)是一個(gè)矩形,25和23是寬和高,如果發(fā)現(xiàn)自定義的圖標(biāo)只有一部分,那就適量加大一些這2個(gè)參數(shù)
myIcon = new BMap.Icon("images/ots/location.png", new BMap.Size(25, 23));
marker = new BMap.Marker(point, {
icon: myIcon
});
//在我們指定的地點(diǎn)顯示位置圖標(biāo)
map.addOverlay(marker);
//鼠標(biāo)滾輪可以縮放地圖
return map.enableScrollWheelZoom(true);
}
});
【網(wǎng)站聲明】本站部分內(nèi)容來源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問題,如果有圖片或者內(nèi)容侵犯了您的權(quán)益,請(qǐng)聯(lián)系我們刪除處理,感謝您的支持!