<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>
ak
,注意是要瀏覽器端的ak,這個直接到百度開發者平臺申請。引入layui,這個大家可以到layui官網看看怎么引入layer,注意:這里要提示一點
content
中內容里的div一定要給一個寬高,不然地圖是加載不出來的
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;
//創建百度地圖實例
map = new BMap.Map("tmsbaiduMap");
//定位的經緯度坐標
point = new BMap.Point(113.943062, 22.54069);
//將地圖中心移動到我們指定的地點,并設置地圖等級(就是地圖縮放的程度)
map.centerAndZoom(point, 20);
//導入位置圖標,后面設置的size的參數其實是一個矩形,25和23是寬和高,如果發現自定義的圖標只有一部分,那就適量加大一些這2個參數
myIcon = new BMap.Icon("images/ots/location.png", new BMap.Size(25, 23));
marker = new BMap.Marker(point, {
icon: myIcon
});
//在我們指定的地點顯示位置圖標
map.addOverlay(marker);
//鼠標滾輪可以縮放地圖
return map.enableScrollWheelZoom(true);
}
});
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題,如果有圖片或者內容侵犯了您的權益,請聯系我們刪除處理,感謝您的支持!