怎麼在網頁中插入百度地圖並標註某個地點(簡單版)
阿新 • • 發佈:2019-02-12
注:
1.從本篇開始,我就把這些年積攢的技術都分享出來,有些可能已經過時,但是還是希望能幫到一些人。
2.程式設計師成長之路小說,還是籌備中,敬請期待。
3.這些文章都會和新浪部落格同步。
先看效果圖:
有很多網站都有聯絡我們的版塊,我們可以在聯絡我們版塊新增這樣一個功能,雖然是簡易版的,但是總比一張死板的圖片要好些吧。
實現步驟:
1.找到要定位點的具體座標;
2.直接引入相應的map js檔案,建立js物件即可(程式碼雖老,但是實用)。
提示:雙擊左鍵放大,雙擊右鍵縮小。
然後在頁面底部引入js:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/13/bmap.css"/>
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.3&ak=&services=&t=20130131111149"></script>
<script type="text/javascript">
var map = new BMap.Map("map");
var point = new BMap.Point(104.068775, 30.579453);
map.centerAndZoom(point, 17);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
</script>