1.打開“百度地圖生成器”,進入如下界面:
2.在“定位中心點”中,切換城市,查找具體位置;
3.在“設置地圖中”,按照自己的喜好修改地圖的外觀(可以修改地圖的寬高,地圖的縮放狀態等);
4.在 “添加標注”中,添加自己想要標注的位置和信息;
注:標注可以改變標注圖標,可以寫標注名稱和備注;在生成器里最多可標記10個地點;超出10個部分不顯示;
解決辦法:直接在生成的源代碼中手動添加標記點的信息(自己修改標記點的經緯度),經過試驗可以顯示超過10條以上的標注點;(僅供參考)
5.在“第二步獲取代碼”中,點擊“獲取代碼”按鈕;
6.把上一步生成的代碼保存為html文件,在瀏覽器 打開就可以看到自己定義的百度地圖了。
注:如果要把地圖添加到現有的網頁中,可以使用iframe標簽,如:
<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>
可能還會遇到的問題:
很多人在將自動生成的代碼插入網頁后,標注圖標就不顯示。經過查閱資料,好多人說這是百度圖庫存在問題。解決方法很簡單,只需要改變代碼中標注圖標的圖片路徑 就可以了。
var icon = new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png",)