在你的網站上添加谷歌地圖是很有趣和容易的，這要歸功于SP頁面構建器的Google Maps addon。這個專用的addon可以在沒有任何編碼的情況下在你的網頁上嵌入和顯示Google Maps框架。您的任務是生成一個Google Maps API鍵，其余的將由addon完成。今天，我們將看到如何生成Google Maps API密鑰，并將您所在位置的Google地圖添加到Joomla站點。

步驟1-生成Google Maps API鍵

按照下面六翼提示生成您的Google Maps API密鑰。

創建一個新項目

首先，你必須去谷歌開發者控制臺。在Google API的標志旁邊點擊配置按鈕。

一個新的窗口將彈出。現在點擊加號（到搜索欄的右邊）來創建一個新項目。

 輸入項目名稱并單擊Create。

啟用API

現在切換到您的項目控制面板，點擊“啟用api和服務”。

然后選擇Google Maps Javascript API并打開它。

單擊ENABLE按鈕啟用它。

創建憑證

在啟用了API之后，現在您必須生成API密鑰。要做到這一點，請單擊側欄中的憑證選項。

現在點擊“創建憑證”按鈕并選擇API鍵。

這是您的API鍵。

步驟2-在你的網站上添加帶有SP頁面構建器的谷歌地圖

首先，在Joomla站點后端的全局配置部分中，將您的API密鑰添加到SP頁面構建器配置中。從您的Joomla后端到系統的全球配置，SP頁面構建器。在這里，您將找到添加Google Map API鍵的選項。

現在，使用SP頁面構建器的前端編輯器，將Google Map addon拖放到頁面布局的期望列位置。添加addon之后，將生成一個默認的地圖位置。使用地址字段選項來添加位置的經度和緯度。另外，您還可以使用addon的定制選項進行更多的定制。

所以，這是向Joomla網站添加谷歌地圖的最簡單方法。現在，我們相信你不會在添加谷歌地圖時感到困難。