使用或不使用插件嵌入WordPress谷歌地圖指南
正在尋找一種在您的網(wǎng)站上嵌入wordpress谷歌地圖內(nèi)容的方法？
與WordPress中的許多內(nèi)容一樣，您可以通過多種不同的方式將Google地圖嵌入您的網(wǎng)站，具體取決于您想要包含的地圖內(nèi)容類型。
在這篇文章中，我們將首先向您展示如何在沒有插件的情況下在WordPress中添加Google地圖。然后，我們將推薦一些可以幫助您嵌入Google地圖的插件，以及采用這種方法的一些好處。我們還將深入探討如何正確使用現(xiàn)在需要的Google Maps API。
最后，我們將以在WordPress上使用Google地圖的一些性能注意事項結(jié)束，并分享一些關(guān)于如何保持WordPress網(wǎng)站快速加載的提示，即使您確實需要嵌入Google地圖。
您可以單擊下面直接跳轉(zhuǎn)到特定部分或通讀整個內(nèi)容。
- 現(xiàn)在需要Google Maps API
- 如何在沒有插件的情況下在WordPress中添加谷歌地圖
- WordPress谷歌地圖插件為您提供更大的靈活性
- 谷歌地圖性能效果及提升性能的小技巧
現(xiàn)在需要Google Maps API
自2018年6月11日起，Google地圖現(xiàn)在需要API密鑰。如果您已經(jīng)在您的網(wǎng)站上實施了Google地圖，但它不再工作，這可能就是原因?；蛘吒_切地說，您缺少API密鑰。好消息是，對于99%的人來說，它仍然應(yīng)該是免費的。以下是Google Maps API定價。
谷歌地圖API定價
Google還每月為您的結(jié)算帳戶提供200美元的經(jīng)常性信用額度，以抵消您的使用成本。因此，您可以看到，除非您生成數(shù)千個請求，否則在您的網(wǎng)站上使用Google地圖不會花費您任何費用。
還有什么變化？沒什么，但是如果您想在WordPress中使用Google地圖，您現(xiàn)在需要執(zhí)行以下操作：
- 注冊一個Google Cloud Platform Console帳戶并進行配置。
- 添加您的帳單信息，即使您可能永遠不會被收費。
- 將API密鑰添加到您的Google地圖嵌入代碼或插件設(shè)置中。
如何獲取Google Maps API密鑰
以下是有關(guān)如何獲取 Google Maps API 密鑰的步驟。
第1步
轉(zhuǎn)到谷歌云平臺控制臺。如果您還沒有帳戶，請創(chuàng)建一個，它是免費的。
第2步
選擇或創(chuàng)建一個項目。
第3步
設(shè)置您的結(jié)算帳戶。即使他們會要求您將信用卡存檔，但絕不應(yīng)該向您收費，除非您確實超出了高使用限制。
第4步
您將被要求選擇一種或多種產(chǎn)品。這取決于您使用的地圖類型。例如，如果您在沒有插件的情況下在WordPress網(wǎng)站上嵌入地圖（如下面的進一步步驟所示），那么您將選擇Google Maps Embed API。
谷歌地圖嵌入API
如果您使用的是Google Maps Widget之類的插件（如下面的步驟所示），那么您將選擇Google Maps Static API。
如果您使用第三方插件或主題，他們應(yīng)該有關(guān)于他們使用哪種類型的 Google 地圖部署的文檔。不用擔心，您始終可以添加多種類型并在以后更改它們。
第5步
點擊“ENABLE”。
啟用谷歌地圖API
第6步
單擊“API”，然后在“Credebtials”下，您將看到您的API密鑰。
谷歌地圖API密鑰
第7步
如果您只是嵌入您的Google Maps API密鑰，它將以純文本形式顯示在您的源代碼中。因此，您應(yīng)該限制這一點，否則，人們可能會在他們的WordPress網(wǎng)站或項目上使用您的API密鑰并積累您的使用量。
為此，只需單擊您的API密鑰名稱，即可添加限制。對于您的WordPress網(wǎng)站，只需添加一個HTTP引薦來源網(wǎng)址就足夠了。比如https://yourdomain.com/*。這將允許它只在您的網(wǎng)站上撥打電話。
Google Maps API密鑰限制
如何在沒有插件的情況下在WordPress中添加谷歌地圖
如果您只想嵌入簡單的地圖并且不需要自定義位置標記或其他注釋等更詳細的功能，則可以使用您每天使用的普通Google地圖網(wǎng)站嵌入Google地圖而無需插件。
這是它的工作原理……
第1步：復(fù)制Google地圖嵌入代碼
要開始使用，請使用Google地圖網(wǎng)站創(chuàng)建您想要嵌入的地圖。
例如，如果您想嵌入地點標記，請在Google地圖中打開該地點?；蛘撸绻肭度肼肪€，請在Google地圖中打開路線。
獲得要嵌入的地圖后，單擊左上角的漢堡菜單：
如何訪問嵌入代碼
在菜單項列表中，選擇Share or embed選項：
打開嵌入選項
這將打開一個Share彈出窗口。在該彈出窗口中，單擊Embed a map選項卡。
然后，您可以使用下拉菜單選擇所需的尺寸。對于大多數(shù)WordPress網(wǎng)站，默認大小效果很好，但如果需要，您可以將地圖放大或縮小。
完成后，單擊Copy HTML按鈕復(fù)制嵌入代碼：
谷歌地圖嵌入代碼
然后，您需要將API密鑰添加到代碼中。所以你的代碼應(yīng)該是這樣的：