如何在WordPress中嵌入Bing地圖(逐步操作)


您是否要在必應WordPress網站上嵌入必應地圖? 如果您正在尋找Google Maps的替代品,那麼Bing Maps是您的最佳選擇。

與Google Maps類似,您可以使用Bing Maps在WordPress網站上顯示路線,路況,路線和導航說明。 由於它是Microsoft擁有的,因此它是一個功能強大的地圖應用程序,具有大量有用的數據。

在本文中,我們將逐步向您展示如何在WordPress中輕鬆嵌入Bing Maps。

如何在WordPress中嵌入必應地圖

在WordPress中添加必應地圖(無需插件)

您需要做的第一件事是訪問Bing Maps網站並蒐索要嵌入的位置或地圖。

找到位置後,單擊帶有三點圖標的“更多”選項,然後選擇“嵌入地圖”選項。

在必應地圖中嵌入地圖選項

之後,它將打開一個新選項卡,您可以在其中自定義地圖以嵌入到您的網站中。

自定義必應地圖以嵌入WordPress網站

您可以選擇地圖大小,地圖類型(靜態或可拖動地圖),地圖樣式(道路或空中)和地圖鏈接。 查看自定義選項,然後單擊“生成代碼”。

之後,它將為您提供一個代碼段。 繼續並複制代碼,因為下一步將需要它。

生成必應地圖的嵌入代碼

現在,切換回您的WordPress網站並創建一個新頁面或編輯要在其中添加地圖的現有頁面。

在頁面編輯屏幕上,單擊“添加新塊”圖標,然後選擇“自定義HTML”塊。

在WordPress頁面編輯器中添加自定義HTML塊

之後,將您之前複製的Bing Map嵌入代碼粘貼到HTML字段中。

在WordPress編輯器中添加的必應地圖嵌入代碼

現在,您可以保存或發布頁面,然後單擊“預覽”按鈕以查看頁面中嵌入的地圖。 這是必應地圖在我們的演示網站上的顯示方式。

Bing Map手動嵌入WordPress-預覽

使用插件添加必應地圖

如果您只需要在網站上嵌入一張地圖,則上面顯示的手動方法是最佳選擇。

但是,如果您在一個經常需要添加地圖的網站上運行,那麼使用插件添加Bing地圖會更容易。

您需要做的第一件事是安裝並激活Supsystic插件創建的Ultimate Maps。 有關詳細說明,您可以查看有關如何安裝WordPress插件的分步指南。

它是一個免費的WordPress地圖插件,可讓您將Bing地圖,Leaflet地圖和其他Google Maps替代品嵌入WordPress博客中。

要將此插件用於Bing地圖,您將需要具有Bing Map API密鑰。

只需在Bing Maps開發中心網站上創建一個帳戶即可。 如果您已經擁有Microsoft帳戶,則只需使用帳戶憑據登錄即可。

登錄到Bing Dev Center

登錄帳戶後,您需要點擊“我的帳戶”菜單,然後選擇“我的密鑰”選項。

Bing Maps開發中心我的鍵選項

在下一個屏幕上,您需要填寫您的網站信息以創建密鑰。

創建Bing Map API密鑰以嵌入WordPress

之後,您會在框中看到消息“密鑰創建成功”和密鑰詳細信息。

Bing Maps API密鑰已創建

您只需單擊“複製密鑰”鏈接或“顯示密鑰”鏈接,然後復制Bing Maps API密鑰。

之後,您需要將密鑰粘貼到插件設置中。

訪問 Supsystic的終極地圖»設置 從信息中心中選擇“必應Microsoft”作為地圖引擎。 之後,將您之前複製的API密鑰粘貼到Bing Maps API密鑰字段中。

通過Supsystic插件設置將Bing Maps API密鑰粘貼到Ultimate Maps中

不要忘記保存您的插件設置。

之後,您需要通過訪問添加標記類別 Supsystic的終極地圖»標記類別»添加類別

為必應地圖添加標記類別

根據需要創建任意多個標記類別。

接下來,單擊“添加地圖”菜單以創建一個新地圖。 輸入地圖名稱,定義地圖的寬度和高度,選擇導航欄模式等。

使用插件添加必應地圖

您還可以配置選項以使地圖可拖動,使用雙擊縮放等。 最重要的是,輸入要顯示在地圖中心的位置。

接下來,向下滾動並在下面配置更多選項。 完成後,點擊地圖預覽框下方的“保存地圖”按鈕。

之後,您可以添加標記以在地圖中顯示主要位置點。 單擊標記選項卡,然後為您的製造商添加一個名稱。

在WordPress中為Bing Map添加新標記

您可以使用地點或組織的名稱作為標記名稱。

例如,我們使用“佛羅里達大學”作為標記名稱,因為我們想在演示地圖中顯示佛羅里達州一些最好的大學。

之後,您可以添加標記描述文本以及圖像。

向下滾動並為新標記選擇一個圖標。 接下來,您需要輸入地址以指向標記。 並且,還選擇標記類別。

保存Bing地圖的標記

查看所有其他選項,然後單擊“保存標記”按鈕。

您可以按照相同的步驟添加更多標記。

添加標記時,可以在預覽框中實時預覽它們。 對地圖滿意後,導航至頂部的“地圖簡碼”選項,然後復制簡碼。

複製必應地圖簡碼以嵌入WordPress

之後,創建一個新頁面或編輯現有頁面以嵌入新的Bing地圖。

進入頁面編輯器後,單擊“添加新塊”圖標,然後在“小部件”部分下選擇“簡碼”塊。

在WordPress中添加簡碼塊

現在,您需要粘貼之前複製的Bing地圖簡碼。

在WordPress頁面編輯器中粘貼BIng Map嵌入簡碼

完成後,保存或發布您的頁面,並預覽Bing地圖在您網站上的外觀。

這是嵌入的必應地圖在我們的演示網站上的顯示方式。

使用插件在WordPress中嵌入Bing Map

我們希望本文能幫助您學習如何將Bing Maps輕鬆嵌入WordPress。 您可能還希望查看我們的指南,了解如何在WordPress博客文章中嵌入實際的推文。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。