一直想把 google 地圖嵌入到網站中,顯示與之相關的地理位置,感覺不錯。
之前也在網上查看了一些將 google 地圖嵌入到 WordPress 網站中的方法,覺得有些麻煩。
想到 google 有自定義搜索,可以很方便地嵌入到網站,google 自定義地圖應該也可以很方便地嵌入到網站中。
在 google 地圖上找了找,頁面上有 「分享鏈接」 的一個圖標,其中的 HTML 代碼直接嵌入到網站想要顯示 google 地圖的地方就 OK 。
相當的簡單、方便,根據網站頁面的需求可以自定義設置高與寬和其他參數。
google 地圖在網站中的顯示效果

在 google 地圖中輸入你要默認顯示的信息,這裏以 「布達拉宮」 為例,哈,筆者嚮往西藏。

點擊 「分享鏈接」 按鈕 (打印圖標這邊的),彈出窗口,在添加代碼之前我們還是設置下高寬等參數,點擊 「自定義並預覽內嵌的地圖」 。

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

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