前 11 個最佳 WordPress 交互式地圖插件

已發表: 2022-10-14

無論您是訪問世界各地的旅遊博客作者、擁有多個地點的企業,還是展示社區基本信息的房地產經紀人,地圖都是增強您的網站的好方法。

在您的網站上包含地圖以供客戶查找您的活動地點、顯示您的業務所在的位置以及用於其他地理目的總是有意義的。

交互式網絡地圖允許您利用在線地圖來選擇興趣點、輸入坐標或打開和關閉圖層。 在這些地圖上,您可以根據需要放大和縮小並導航該區域。 地圖上顯示的詳細信息使您的地圖易於訪問,因此每個人都可以與之互動。

在本文中,您將找到很多有用的信息,從交互式地圖的好處到如何借助插件將地圖添加到您的站點。 想了解更多關於交互式地圖的信息? 繼續閱讀!

  • 為什麼要向您的網站添加交互式地圖?
  • 如何使用插件添加交互式地圖
  • 10 個其他最佳交互式地圖插件

為什麼要向您的網站添加交互式地圖?

向您的站點添加交互式地圖可以帶來成果。 您將獲得網站流量和客戶滿意度的許多好處。 讓我們列出幾個項目:

地圖可幫助客戶或網站訪問者獲取前往您的業務的路線,並為他們打開新的瀏覽器窗口、離開您的網站和摸索路線節省時間。

  • 客戶可以直接在您的網站上使用地圖。
  • 訪問者可以找到您的業務聯繫信息。 嵌入式穀歌地圖提供的數據包含公司地址、電話號碼、網站、路線、評論和評論星級。
  • 如果訪客不能完全確定您的商家位於何處,他們可以參考附近的區域。
  • 該地圖還可以讓訪問者在您的網站上停留更長時間。

如果您想獲得所有這些優勢,讓我們看看如何將交互式地圖插入您的站點。

如何使用插件添加交互式地圖

有幾種方法可以將交互式地圖添加到您的站點。 最常見的一種是使用 Google 地圖創建交互式地圖並將其添加到您的站點。 但是,這條路缺乏某些功能,僅限於谷歌地圖。

擁有交互式地圖的最簡單和最快的方法之一是使用插件。 我們選擇 Maps Marker Pro 插件來說明安裝過程。 讓我們先看看這個插件,然後繼續將地圖添加到您的站點的步驟。

pfo-wordpress-interactive-map-plugin-map-maker-pro

使用 Maps Marker Pro 最基本的功能,您可以為您選擇的地理位置做一個標記,使用一千多個符號中的一個來表示該區域,並建立一個鏈接以獲取說明。 可以應用彈出窗口來顯示更多文本。

特徵:

  • 您可以使用簡碼在頁面、帖子、模板和小部件中嵌入地圖。
  • 可以自定義屏幕圖標。
  • 您可以選擇任何您想要的地圖,包括 Google 地圖、Open Street Map、Bing、Mapbox 和自定義 WMTS 地圖。
  • 您可以生成地圖的二維碼,添加到包裝等。

定價:所有這些功能以及更多功能都在一次性許可證中提供。

個人計劃中一個域的標準價格為 49 美元。 Plus 計劃支持五個域,價格為 149 美元。 專業計劃以 164 美元的價格提供對 25 個域的支持。 儘管每個許可證都會向您收取一次性費用,但會附帶更新和持續支持。

您可以通過在購買前激活 30 天試用來測試每個計劃。

pfo-maps-maker-pro-pricing

說明:您需要做的第一件事是安裝並激活 Maps Marker Pro 插件:

  1. 只需轉到 WordPress 網站的後端即可安裝插件。 點擊插件,然後添加新的
  2. 在搜索行中,輸入“Maps Marker Pro”。 在這裡,您將能夠在第一行看到它。 點擊安裝,然後激活
  3. 完成,現在你有了這個插件,可以定制和使用它了。

激活後,您可以訪問 Maps Marker Pro 頁面並創建您的交互式地圖:

  1. 單擊添加新圖層按鈕開始。

pfo-add-new-layer-maps-maker-pro-plugin

2. 為您的圖層命名,然後單擊發布

pfo-name-layer-maps-maker-pro

現在,您已準備好在新圖層頂部添加地圖標記:

  1. 要放置您的第一個標記,請轉到Maps Marker Pro >添加新標記部分。

pfo-add-new-maker-maps-maker-pro

2. 為您添加的標記輸入標題,然後定義放置標記的位置。

3. 您應該將標記放置在之前創建的圖層上。 為此,請在圖層字段中輸入圖層的名稱並選擇它。

4. 不要忘記單擊“發布”按鈕以保存您的標記,然後將其他標記重複該過程到圖層。

完成後,您可以編輯要添加地圖的任何 WordPress 帖子或頁面:

  1. 在帖子編輯屏幕上,單擊添加地圖按鈕。 這將打開一個選項卡,顯示所有地圖標記和您創建的圖層。

pfo-add-map-maps-maker-pro

2. 選擇圖層並單擊插入地圖按鈕。

3. 保存或發布您的帖子並預覽您的交互式地圖。

您的交互式地圖已準備就緒。 請記住,可以編輯主圖層以調整地圖大小和尺寸。

pfo-maps-marker-pro-example-of-layers

使用插件很容易呈現交互式地圖。 當然,這不是唯一的工具。 您可能想知道其他具有不同功能和價格的插件。 這就是為什麼我們要推薦我們對 10 大 WordPress 交互式地圖插件的詳細評論!

10 個其他最佳交互式地圖插件

最佳解決方案將取決於您的具體目標和需求,以及您的預算。

#1 MapSVG 交互式矢量、谷歌和圖像地圖

pfo-mapsvg-wordpress-交互式地圖插件

MapSVG 是最出色的 WordPress 地圖插件之一,可讓您輕鬆創建矢量、Google 或圖像地圖。

該插件包括標記、工具提示、緯度和經度坐標、表單創建、自定義 CSS 等的強大功能。 您甚至可以使用人口統計和天氣等地圖添加自己的統計數據。

MapSVG 在其控制面板中內置了實時預覽,因此您可以在創建地圖時對其進行調整。 該工具還提供了許多搜索選項,例如文本和位置。

您可以上傳自定義矢量圖像並將其用作 Google 地圖疊加層。 它能夠向特定的地圖位置和區域添加一些額外的信息,如聯繫人圖像、統計數據等,並使用來自第三方插件的短代碼,如聯繫人表單。

此外,還可以訪問 100 多個國家地圖、數千種可自定義的地圖樣式、自定義顏色、區域鏈接等。 現場演示即將展示它提供的其他功能。

價錢

MapSVG 的 6 個月常規許可證為 49 美元。 您可以選擇以 65.50 美元的價格將其延長至 12 個月。

pfo-mapsvg-定價

#2 打開用戶地圖

pfo-open-user-map-plugin

我們列表中的大多數地圖可幫助您創建地圖並將位置添加到站點管理員。 如果您希望用戶向您的地圖添加詳細信息怎麼辦? 開放式用戶地圖允許您在 WordPress 網站上放置位置提交表單。

使用此插件,您可以生成包含自定義字段、文件上傳(圖像或音頻)、信標類別和位置通知的“添加位置”表單。 當用戶發布新位置時,它在您的控制之下,除非您啟用了自動發布功能。 您可以在此處編輯、批准或拒絕該圖釘。

此外,該插件還引入了地圖和標記樣式、自定義標記加載、感謝消息、多語言預設以及來自開發人員的一流支持。 它還授予用戶免費版本來體驗這些功能。

價錢

開放用戶地圖免費為其用戶提供某些功能。 您可以以每年 39 美元的價格購買其高級包。

pfo-open-user-map-plugin-pricing

#3 交互式地理地圖

pfo-interactive-geo-maps-plugin

交互式地理地圖可讓您在您的網站上展示令人驚嘆的地圖,其中包含縮放、熱圖、工具提示、實時過濾器等交互式功能。 此地圖插件包含 250 多個具有高級功能的地圖,可為您的站點創建自定義地圖。

該插件的專業版為您提供可自定義的顏色區域、市場、工具提示、10 多種地圖投影、縮放選項、標記錨線、文本標籤等。

價錢

Interactive Geo Maps 為其用戶提供三個計劃。 您可以每月 3.99 美元或 29.99 美元的年度合同計劃使用高級功能。 終身計劃費用為 79.99 美元。 每個計劃都可以免費試用!

pfo-interactive-geo-maps-plugin-pricing

#4 工具集地圖

pfo 工具集地圖插件

我們列表中的下一個是工具集地圖。 該插件可讓您創建獨特的網站特定地圖,而無需 PHP 或編碼知識。 您可以根據特定類型的內容(例如房產列表)查看地圖和附近的結果,添加過濾器或地理位置,或瀏覽多種語言的地圖。

工具集地圖包含許多內置的強大功能,使地圖創建變得容易。 它具有自定義字段、地圖標記設計、縮放級別、地圖類型、街景、條件過濾器和高級功能來設計您的地圖。 Toolkit Maps 與 Google 和 Azure 兼容。

價錢

Toolset Maps 的年度計劃費用為 1 個站點 69 美元和 3 個站點 149 美元。 該插件還具有無限的站點選項。 您可以通過支付 299 美元來利用無限站點的高級功能。

pfo-toolset-maps-plugin-定價

#5 交互式世界地圖免費 WordPress 插件

pfo-interactive-world-map-plugin

交互式世界地圖是一個免費的地圖插件,可以為您的網站提供有趣且可點擊的世界地圖。 可以通過將鼠標懸停在地圖上來添加鏈接、圖像和文本。 您可以使用可視化編輯器自定義背景顏色、非活動區域顏色、地圖標記大小等等。

完成後,您可以使用簡碼將地圖保存到任何帖子或頁面。 所有地圖都具有響應性並且可以快速加載,因此您的 SEO 不應受到任何影響。 如果您想要本地地圖,您可以查看開發人員針對美國、歐洲、亞洲和其他地區的高級可定制交互式地圖。

價錢

儘管此插件免費為您提供許多好處,但您只需 89 美元即可獲得額外的地圖功能。 購買計劃後,您可以單獨自定義某些國家/地區的地圖。

pfo-interactive-world-map-plugin-定價

#6 WP 商店定位器

pfo-wp-store-locator-plugin

如果您的目標是在不花一分錢的情況下將商店定位器部分放到您的網站上,那麼 WP Store Locator 值得一看。 這個免費插件只是以簡單的方式展示您的真實商業位置的門票。

在管理大量店舖時,需要提供店鋪信息,如業務部門、電話/傳真號碼、電子郵件、站點 url、描述和營業時間。

有過濾器可以添加自定義元數據。 配備以公里或英里顯示行駛距離。 您不僅可以使用不同語言的地圖,還可以更改方向的語言。

#7 應用程序

pfo-maplic-插件

Mapplic 是一款高級交互式地圖插件,具有為您的商業網站創建地圖的高級選項。 您將擁有具有無限獨特別針和各種操作的位置的書籤。

該工具具有響應式設計,可在各種設備上提供最佳體驗。 還支持平板電腦和智能手機等觸摸屏設備。

價錢

Mapplic 的高級包售價 46 美元。 它帶有許多預安裝的演示地圖,可幫助您入門。 該許可證是一次性計劃,提供 6 個月的支持和終身更新。 支持期限可延長至 12 個月,費用為 15.38 美元。 您可以在購買後立即開始使用該插件。

pfo-mapplic-插件定價

#8 英雄地圖高級版

pfo-hero-maps-premium-plugin

希望分享令人印象深刻的全屏地圖? 那麼英雄高級地圖非常適合您。 這個高級 WordPress 插件具有全屏、英雄地圖,以及簡單的拖放地圖創建、可自定義的地圖標記、地圖過濾器、彩色皮膚等。

這個易於使用的後端將使您能夠根據您的設計偏好在全寬或固定尺寸之間切換。 可以在任何地圖上繪製線條和形狀。

價錢

Hero Premium Maps 以 20 美元的價格提供 6 個月的常規許可證支持。 通過支付 5.63 美元,您可以將其延長至 12 個月。 如果您想在購買前測試該工具,可以使用演示版。

pfo-hero-maps-premium-plugin-pricing

#9 MapPress 簡易谷歌地圖

pfo-mappress-插件

Map Press 非常適用於自定義帖子類型和多站點設置,還包括重要功能,如簡碼、街景支持、自定義文本、實時流量等。

該插件的免費版本支持無限地圖,並鼓勵您在每個帖子中共享多個地圖。 要使用更全面的功能,請激活其 Pro 版本。

基本功能

  • 超過 100 種標記樣式
  • 街景支持
  • 指向標記的方向顯示
  • 地圖下方可點擊的標記位置列表
  • 側邊欄地圖小部件
  • 從自定義字段內容生成地圖的選項

價錢

MapPress 有兩個用於不同目的的高級計劃。 適合個人用戶的常規計劃是每年 29 美元。 開發者計劃最適合公司,每年收費 79 美元。

pfo-mappress-插件定價

#10 進度圖

pfo-progress-map-插件

Progress Map 是允許您將各種位置添加到您的網站的插件之一。 這可能是您最喜歡的漢堡店、您的房產列表或您為度假預訂的酒店。 此外,所有這些地點都將顯示在您的谷歌地圖上。

該插件非常容易安裝。 它具有多種地圖佈局並支持自定義標記。 Progress Map 提供了一個強大的管理面板,您可以在其中直接管理交互。 Progress Map for WordPress 具有無限的自定義選項,是一個創新的插件,涵蓋了地圖所需的一切。

價錢

Progress Map 的常規許可證為 59 美元,提供 6 個月的支持。 期限可延長至 12 個月,費用為 20.25 美元。

pfo-progress-map-plugin-pricing.jpg

立即選擇您最喜歡的 WordPress 交互式地圖插件!

向您的 WordPress 網站添加地圖可以幫助您發展業務,使您的網站更具吸引力,並幫助您的客戶輕鬆找到您的商店。 在您的網站上擁有一張或多張地圖的最簡單方法是使用 WordPress 的地圖插件。

如前所述,有多種 WordPress 地圖插件供您選擇,具體取決於您的需求。

如果您正在尋找功能豐富的 Google Maps 插件,WP Google Maps 和 WP Google Maps Pro 值得一試。

對於交互式地圖,強烈建議使用交互式地理地圖、Maps Marker Pro 和 MapSVG。

考慮使用 Hero Maps Premium、MapPress、Google Maps Widget、MapifyPro 或 WP Store Locator 以獲得自定義選項和商店定位器功能。

除了交互式地圖,社交分享按鈕是增強用戶交互的另一種強大方式。 立即查看如何將它們添加到您的 WordPress 網站!

您覺得在您的網站上應用交互式地圖有用嗎? 如果您仍有問題或任何建議,請在下面的評論部分與我們分享。