如何將谷歌地圖集成到 WordPress 中

已發表: 2015-08-18

谷歌地圖標題

為讀者提供前往特定位置的路線的最佳方式是使用 Google 地圖。 您可以只給他們地址,但谷歌地圖會為他們提供更多信息。 如果您的企業有實體店,或者您想展示某個活動的相關信息,那麼 Google 地圖就顯得尤為重要。 無論您的地圖的目的是什麼,您都可以根據自己的需要定制地圖。

以下是將 Google 地圖添加到 WordPress 網站的眾多優勢中的一些:

  • 允許讀者獲取前往您所在位置的路線
  • 在街景中顯示您的位置
  • 顯示圖像
  • 顯示多個位置以幫助讀者決定他們想要訪問的位置
  • 給出當前的交通狀況
  • 顯示閉路器
  • 顯示天氣狀況
  • 顯示到達那裡需要多長時間
  • 以各種旅行類型顯示地圖:道路視圖、騎自行車、地形視圖或混合視圖
  • 幫助改善您的本地搜索引擎優化
  • 可以打印路線供您的訪客使用
  • 讓您的讀者留在您的網站上

谷歌地圖很容易集成到 WordPress 中,便於用戶使用和導航。 使用插件集成谷歌地圖是免費且容易的。 當然,您只需支付少量費用即可添加許多額外功能。 地圖也可以手動添加到您的站點。 以下是一些將 Google 地圖添加到 WordPress 網站的方法。

手動將 Google 地圖添加到您的 WordPress 網站

手動將 Google 地圖添加到您的 WordPress 網站

您可以輕鬆地將地圖手動嵌入到您的帖子中。 轉到谷歌地圖並輸入您想要的地址並選擇您的縮放級別。 在菜單中,選擇共享或嵌入地圖,選擇嵌入,然後將代碼複製並粘貼到文本編輯器選項卡下的帖子中。 地圖作為 iFrame 嵌入。 然後,用戶可以獲取前往您在地圖上設置的位置的路線。

手動將 Google 地圖添加到您的 WordPress 網站 2

與嵌入的地圖交互很困難。 用戶可以四處移動和縮放,但是當他們點擊獲取路線時,他們會被帶到谷歌地圖。 如果他們回到您的網站,他們可能只會看到地圖,而沒有獲取路線或任何其他信息的選項。 當我嘗試這個時,我唯一的選擇是在 Google 上查看更大的地圖。 這可行,但如果你想要更多功能,你需要一個插件。

使用插件將 Google 地圖添加到您的 WordPress 網站

有許多插件可以將 Google 地圖集成到您的 WordPress 網站中。 這將使用戶無需離開您的網站即可獲得所需的信息。 其中許多具有基本功能,但也有一些添加了一些獨特的東西。 我安裝了幾個並給了他們一個試駕。 以下是最好的插件和每個插件的優勢。 大多數插件都具有基本功能,可以擴展為專業版。

WP 谷歌地圖

WP 谷歌地圖

這是最受歡迎的谷歌地圖插件,有超過 200,000 次活躍安裝,評分為 4.3/5。 您可以使用簡碼將地圖放置在帖子、頁面或小部件中,而無需創建 iFrame。 地圖是響應式的。 它有無限的動畫標記,支持街景、多種地圖類型(路線圖、地形、衛星和混合)、路線、多邊形、折線等等。

添加地圖很容易。 單擊以添加新地圖、為其命名、設置大小、縮放級別、對齊方式和類型,設置地址、標記和任何其他您想要的設置,然後保存。 然後將短代碼複製並粘貼到您想要地圖的位置。

專業版售價 19.99 美元,可讓您創建多個地圖、讓訪問者獲取標記的路線、添加描述和類別、多個標記圖標、多個多邊形和折線、顯示訪問者的位置等等。

很容易看出為什麼這個如此受歡迎。 它具有任何人都需要的大部分功能,而且設置起來並不難。 這些地圖看起來很棒,並且易於讀者使用。

MapPress 簡易谷歌地圖

MapPress 簡易谷歌地圖

這個插件創建一個帶有行車路線和自定義 HTML 標記的交互式地圖。 標記可以是圖片、鏈接等。您可以在單個帖子中創建多個地圖。 您可以為任何地址添加標記,將標記拖動到您想要的任何位置,或放置緯度和經度位置。 它支持街景。 它甚至可以實時提供交通狀況。 您甚至可以使用簡碼 ID 來選擇要顯示的地圖和設置。 如果您喜歡編程,這裡有一個編程 API,因此您可以創建自己的地圖插件。

設置它很簡單。 您可以選擇地圖將顯示的帖子類型、地圖在帖子中的顯示位置以及路線的工作方式。 您可以調整地圖控件、對齊方式、興趣點、本地化、大小等。您甚至可以安裝自己的 CSS 來設置樣式以匹配您的網站。

專業版 3 個站點 29.95 美元,無限站點 49.95 美元。 兩者都包括一年的更新和支持。 添加的功能包括自定義標記、混搭地圖、小部件、列表、從自定義字段生成的地圖、沒有指向 MapPress 的反向鏈接等。

這個有很多功能,但它不受設置的限制。 這很簡單。 我也喜歡它有自定義的圖標。 您可以將圖像放置為標記。

傳單地圖標記

傳單地圖標記

這個是谷歌地圖最全面的插件。 它允許您在任何頁面或帖子上顯示位置和方向。 您將擁有自己的個人 Geo-CMS 代碼。 它有超過 1000 個圖標和標記,您可以為標記設置彈出描述並按層組織它們。 地圖使用簡碼放置。 地圖可以導出。

您可以調整縮放級別、大小等。它使用來自多個來源的地圖,包括 Google Maps(顯示道路、地形、衛星和混合)、Bing(顯示道路、航拍和航拍 + 標籤)、Open Street Map、 Mapbox(顯示道路和衛星)以及您想要的任何自定義 WMTS 地圖。

還有一個 29 歐元起的高級版,它使用 HTML5、顯示 GPX 軌跡、使用地理定位、小地圖、使用 QR 碼、與 GeoJSON 集成等等。

要使用它,您只需通過選擇添加新標記來創建一個標記,命名並輸入地址,保存它,然後將它提供給您的短代碼複製並粘貼到任何帖子或頁面中。 如果您有專業版,您可以調整大小並根據需要添加圖層。 它還在可視化編輯器中添加了一個按鈕,因此您可以從那裡選擇您的地圖。 這絕對是谷歌地圖功能最豐富的插件之一。 它看起來很棒並且易於使用。

谷歌地圖小部件

谷歌地圖小部件

這將谷歌地圖放置在一個小部件中,當您單擊它時,該小部件將在更大的燈箱窗口中打開地圖。 您還可以在任何頁面、帖子或自定義帖子類型中顯示地圖。

所有設置都在小部件內完成。 您可以選擇地圖的大小和類型(道路、地形或混合)。 您可以使用默認 pin 或為自定義 pin 指定 URL。 您可以從幾種免費的自定義配色方案中進行選擇。 在地圖上方和下方創建文本。 您對燈箱具有相同的設置,這些設置獨立於常規小部件進行設置。

高級支持是 19 美元。 您只需訂閱他們的郵件列表即可免費解鎖高級功能。 解鎖功能包括簡碼支持、3 個縮略圖地圖皮膚和 2 個燈箱皮膚。

要使用這個,您將小部件拖放到您想要的位置,然後在常規小部件和燈箱選項卡上輸入地址。 這就是您需要做的所有事情,除非您想自定義小部件。

我喜歡在一個較小的小部件中顯示地圖,然後在單擊時打開一個較大的燈箱。 這可以讓地圖出現在顯示側邊欄的每個頁面或帖子上,並且在讀者想要它之前不會妨礙它。 我喜歡這個的另一件事是您可以放置​​任意數量的小部件,以便顯示多個地圖。

WP 谷歌地圖插件

WP 谷歌地圖插件

此版本的免費版可讓您創建無限的位置和地圖,並使用簡碼將它們顯示在頁面、帖子和小部件中。 您可以從 500 個標記中進行選擇或創建自己的標記。 它將顯示道路、地形、衛星和混合。 它反應靈敏。 它將使用交通層顯示實時交通狀況。 它將使用自行車圖層顯示自行車路線。

要創建一個位置,您只需為其命名,給它一個地址(您也可以使用地理編碼或經度和緯度),寫一條消息,然後選擇一個標記圖像。 要創建地圖,您需要為其命名、設置高度、選擇縮放級別、鍵入、選擇您已經創建的位置、選擇圖層、選擇一些設置,然後就完成了。 現在只需轉到您的地圖列表(在管理地圖下)並複制短代碼以粘貼到您的內容中。 您可以編輯任何您想要的地圖。

專業版起價 17 美元,並增加了許多新功能。 您可以使用內置界面定義疊加層,設計自己的皮膚,關閉道路、地點和水源,使用可自定義選項顯示多邊形和折線,Contact Form 7 集成,按位置過濾等等。

您可以在儀表板中管理許多功能。 如果你願意,你可以忽略它們。 您可以創建和管理位置、地圖和標記組。 您還可以設置縮放級別、平移、比例,並且可以單獨關閉每個地圖的概覽和街景。 目前尚不清楚在哪裡可以找到短代碼。 我發現它們位於“管理地圖”選項卡中。

正大谷歌地圖

正大谷歌地圖

通過在帖子本身中放置地理位置信息,您可以將谷歌地圖自然地添加到您的帖子中。 它還顯示類似類別中的帖子標記。 您可以選擇顯示多少個標記。 當讀者將鼠標懸停在標記上時,它將突出顯示它所屬的文章。 有很多自定義選項。 例如,您可以自定義標記、縮放級別、地圖大小、地圖類型、語言、帖子中的位置等等。

它具有比大多數設置更多的設置,但仍然易於使用,如果您想使用默認設置,您可以忽略大多數設置。 免費版可讓您調整地圖大小和縮放、類型、語言、是否允許拖動、顯示信息氣泡以及顯示特色圖像。 您還可以選擇帖子信息,例如要顯示多少相關帖子,以及要顯示的選項類型。

有兩個高級版可用。 第一個是 19.99 美元的專業版,它允許您加載特定類別、帖子或標籤中的所有點、繪製形狀和路線、創建圖例、顯示鏈接、顯示多個地圖、允許樣式、顯示用戶位置、生成基於圖像數據和地理位置信息的動態點等等。

還有一個售價 49.99 美元的開發人員版本,它允許您設計與積分相關聯的聯繫表格,將電子郵件地址與積分相關聯,根據這些關聯發送電子郵件,使用與積分相關聯的圖像,允許 CSV 導入和導出,以及更多的。

在可視化編輯器下添加了一個新部分。 這使您可以創建地圖並將其添加到帖子和頁面。 完成所有設置後,您可以通過單擊按鈕插入地圖標籤將地圖添加到帖子中。 該標籤引用了該特定帖子,因此您無法複製簡碼,但如果您想在新帖子中創建相同的地圖,則可以復制該位置。 除非您想保留默認設置,否則必須為每個地圖單獨設置所有其他設置。

地圖列表專業版

地圖列表專業版

此高級插件可讓您在分頁、可排序、可搜索和可過濾的列表中顯示您的位置。 用戶可以按文本和位置進行搜索。 它非常適合創建商店定位器、地址和聯繫人列表。 它有 35 種可定制的樣式。 您可以創建分類位置、自定義標記和圖標、添加特色圖像、將搜索表單添加到其他頁面、更改地圖位置、僅顯示地圖或僅顯示列表、顯示集群標記等等。 所有功能和設置都可以打開或關閉。

價格從 19 美元起。

最後的想法

所有這些插件都易於設置和使用。 在它們之間,您一定會找到您需要的功能組合。 實際上,他們都有一個價格不高的專業版,因此獲得免費版中沒有的一兩個功能不會讓銀行破產。 它們看起來很棒,易於使用,並且無需離開您的網站即可為您的讀者提供所需的信息。

你呢? 您是否已將 Google 地圖集成到您的 WordPress 網站中? 您使用了這些插件中的一個,不同的插件,還是使用了不同的方法? 在下面的評論中告訴我們。