如何將Google地圖添加到WordPress(初學者指南)

[ad_1]

無論您是經營企業,組織,活動,還是僅僅出於任何其他原因展示地圖,了解如何將Google地圖添加到WordPress都會很有幫助。

更重要的是,使用正確的插件,您甚至可以創建自定義的互動式地圖,更好地展示您的實際位置或其他重要信息。

介紹Intergeo Google Maps插件

將Google地圖添加到WordPress的最簡單方法是使用正確的插件,例如Intergeo。 ThemeIsle構建了這個插件,幫助用戶快速創建和自定義地圖以滿足他們的需求。功能強大的UI地圖構建器可讓您根據需要創建任意數量的地圖,以及保存,編輯甚至克隆它們。

主要特點:

  • 自定義地圖的許多元素,包括位置,縮放級別等等。
  • 通過配色方案和其他選項設置地圖樣式。
  • 向地圖添加多個位置和標記。
  • 輕鬆組織地圖庫。

價格:基礎Intergeo谷歌地圖插件是免費的。還有一個專業版,還有其他功能,如地圖疊加,可自定義的路線和AdSense集成。

如何將Google地圖添加到WordPress(分三步)

現在,我們將向您展示如何為您的網站創建地圖。首先,您需要像在任何其他插件上一樣在WordPress網站上安裝免費版本的Intergeo。然後,只需按照以下步驟將Google地圖添加到WordPress即可!

第1步:將您的Google Maps API密鑰添加到WordPress

安裝Intergeo後,儀錶板的「媒體」選項卡下會出現一個名為Intergeo Maps的新部分。當您訪問它時,您應該會看到一條警告,提示您添加API密鑰,這必須在開始創建地圖之前完成:

有關Google Maps API的提醒。

要獲取此密鑰,請訪問Google API信息中心。假設您已擁有Google帳戶,則無需註冊任何內容即可訪問此信息中心。

在Google API信息中心內,選擇頁面頂部附近的藍色「創建項目」按鈕:

用於為Google地圖創建項目的按鈕。

在下一個屏幕上選擇「創建」。然後,您將能夠為您的項目選擇一個名稱:

創建Google Maps項目。

再次單擊「創建」,您將被帶回儀錶板。選擇屏幕頂部附近的啟用API和服務,然後在API庫中搜索「Google Maps JavaScript API」。找到後,選擇啟用:

用於啟用Google Maps API的按鈕。

在下一個屏幕上,單擊右上角的Create Credentials按鈕。

然後在下一頁上,選擇我需要哪些憑據?您將看到一個API密鑰,您現在可以複製該密鑰。

Google Maps API密鑰

返回到您的WordPress網站,然後在此處選擇請添加API密鑰中的鏈接。將密鑰粘貼到Maps API密鑰框中:

粘貼您的密鑰以將Google地圖添加到WordPress。

別忘了保存更改!現在,您已準備好開始構建地圖。

第2步:創建一個新地圖

要創建第一張地圖,請從Intergeo Maps部分選擇Add New。您將立即獲得許多選項:

Intergeo插件的地圖編輯器。

您可能要做的第一件事是選擇Add Marker按鈕。這使您可以確定地圖的位置並放置標記。您可以為標記指定標題,為其選擇樣式,然後輸入地址:

地圖標記選項。

在文本框中,您還可以添加和格式化用戶單擊標記時顯示的文本:

地圖標記的示例。

之後,您可以使用地圖構建器中的一些其他選項開始自定義地圖。讓我們一個一個地瀏覽每個標籤。

定位和縮放

定位和縮放選項卡。

要為地圖設置特定的縮放級別和位置,您只需縮放示例地圖,然後將其拖動到任何您想要的位置。在編輯器中設置它的方式是它在您的網站上的顯示方式。

您還可以更改地圖類型,並決定是否希望用戶能夠自行拖動和縮放。

控制

控制項選項卡。

在「控制項」部分中,您可以決定用戶可以使用哪種選項。這包括他們是否可以平移地圖(平移意味著拖動地圖以更改其位置)以及是否具有街景視圖選項。

樣式

樣式選項卡。

在「樣式」部分中,您可以調整地圖的外觀。您可以更改容器的寬度和高度,以及添加樣式。您還可以選擇多種預定義的地圖樣式,甚至可以創建自己的樣式。

如果您選擇Intergeo的高級版本,則可以訪問其他選項卡和設置。但是,通過調整上述設置,您應該能夠創建一個既時尚又對訪問者有用的地圖。

第3步:將地圖放在您的網站上

一旦你的地圖被調整到完美,別忘了保存它。完成後,您會看到它出現在主Intergeo Maps頁面上,以及用於編輯,複製或刪除地圖的按鈕。還會有一個文本欄位:

Intergeo中的地圖庫。

此欄位包含可用於在您的網站上插入地圖的短代碼。您可以使用「文本」小部件將其放置在頁面或帖子上,甚至放在側邊欄或頁腳中。只需複製短代碼並將其粘貼到編輯器中:

向頁面添加短代碼。

而已!您的地圖現在將完美顯示在您網站的前端:

網站上的地圖。

您可以使用此方法將相同的地圖放置在多個位置,甚至可以向您的網站添加各種地圖。這就是將Google地圖添加到WordPress所需的全部內容。

結論

「顯示,不要告訴」是在您的網站上遵循的明智規則。例如,包含地圖可以準確地向訪問者顯示您的業務或組織如何適應他們的社區。地圖是一種鼓勵人們訪問您的實際位置的更有吸引力的方式,而不僅僅是提供地址 – 特別是當他們是互動時。

要在您自己的網站上利用此技術,您可以使用Intergeo插件將Google地圖添加到WordPress。只需遵循以下三個步驟:

  1. 將您的Google Maps API密鑰添加到WordPress。
  2. 創建一個新地圖並使用插件的設置進行配置。
  3. 使用提供的短代碼將地圖放置在您的網站上。
相關文章