HTML插入地圖的方法

標籤：class   縮圖   scroll   htm   修改   自己的   產生器   尋找   標籤   

方法/步驟

1、開啟“百度地圖產生器”的網址：http://api.map.baidu.com/lbsapi/creatmap/index.html

如：

2、在“1.定位中心點”中，切換城市，並尋找具體位置，如：

3、在“2.設定地圖”中，可以按照自己的喜好修改地圖的外觀：

a、地圖的寬和高

b、地圖上顯示的按鈕（縮放、縮圖、比例尺）

c、滑鼠和鍵盤對地圖的操作

如：

4、在“3.添加標註”中，可以添加自己想要標註的位置和資訊，如：

5、在“第二步 擷取代碼”中，點擊“擷取代碼”按鈕，就會彈出根據上面的設定產生代碼，如：

6、把上一步產生的程式碼儲存為html檔案（我這裡儲存為map.html），在瀏覽器中開啟就可以看到自己定義的百度地圖了。

 

如果要把地圖添加到現有的網頁中，可以使用iframe標籤，如：

<iframe src="map.html" width="600" height="300" frameborder="0" scrolling="no"></iframe>

HTML插入地圖的方法