一直想把 google 地圖嵌入到網站中,顯示與之相關的地理位置,感覺不錯。

之前也在網上檢視了一些將 google 地圖嵌入到 WordPress 網站中的方法,覺得有些麻煩。

想到 google 有自定義搜尋,可以很方便地嵌入到網站,google 自定義地圖應該也可以很方便地嵌入到網站中。

在 google 地圖上找了找,頁面上有 「分享連結」 的一個圖示,其中的 HTML 程式碼直接嵌入到網站想要顯示 google 地圖的地方就 OK 。

相當的簡單、方便,根據網站頁面的需求可以自定義設定高與寬和其他引數。

google 地圖在網站中的顯示效果

WordPress中嵌入google地圖

在 google 地圖中輸入你要預設顯示的資訊,這裡以 「布達拉宮」 為例,哈,筆者嚮往西藏。

WordPress中嵌入google地圖

點選 「分享連結」 按鈕 (列印圖示這邊的),彈出視窗,在新增程式碼之前我們還是設定下高寬等引數,點選 「自定義並預覽內嵌的地圖」 。

WordPress中嵌入google地圖

Google 地圖自定義設定面板,在這裡設定高寬就可以,然後把 HTML 程式碼直接新增到網站需要顯示地圖的地方就 OK 。
程式碼中的 frameborder=」0″ 為邊框厚度,單位為 px;scrolling=」no」 表示不顯示捲軸,填 「yes」 或 「auto」,即表示顯示捲軸或自動; marginheight=」0″ 定義了框架上下邊界的寬度,單位為 px,預設值由瀏覽器決定;marginwidth=」0″定義了框架左右邊界的寬度,單位為 px,預設值由瀏覽器決定。

WordPress中嵌入google地圖

很簡單、方便的將 google 地圖嵌入到 WordPress 網站中,效果很不錯。