1. 程式人生 > >怎麼在網頁中插入百度地圖並標註某個地點(簡單版)

怎麼在網頁中插入百度地圖並標註某個地點(簡單版)

注:
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&amp;ak=&amp;services=&amp;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>