在網頁中插入百度地圖

使用百度提供的「百度地圖生成器」快速生成百度地圖,並把生成的地圖插入到自己的網頁中。

方法/步驟

打開「百度地圖生成器」的網址:http://api.map.baidu.com/lbsapi/creatmap/index.html

如下圖:

在「1.定位中心點」中,切換城市,並查找具體位置,如下圖:

在「2.設置地圖」中,可以按照自己的喜好修改地圖的外觀:

1、地圖的寬和高

2、地圖上顯示的按鈕(縮放、縮略圖、比例尺)

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

如下圖:

在「3.添加標註」中,可以添加自己想要標註的位置和信息,如下圖:

在「第二步 獲取代碼」中,點擊「獲取代碼」按鈕,就會彈出根據上面的設置生成代碼,如下圖:

把上一步生成的代碼保存為html文件(我這裡保存為map.html),在瀏覽器中打開就可以看到自己定義的百度地圖了。

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

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

.

完整的例子放在百度網盤中,需要的請發郵件到 xdhy_dn@foxmail.com

主題寫 「」。自動回復下載地址。

本文內容整理自網絡, 文中所有觀點看法不代表淘大白的立場