如何使用Google地圖組件？

一、什麼是Google地圖？

Google地圖組件是一個顯示公司地理位置的模塊， Google地圖組件實現快速與Google地圖API對接，領動用戶添加了Google地圖組件以後，可以靈活定位和設置自己的地理位置，讓訪問者更容易找到你。 Google地圖組件一般應用於英文和小語種網站的聯繫我們頁面，在介紹了公司的地址後，添加一個 Google地圖。

二、如何使用Google地圖？

1、如何查看Google地圖組件是否已經存在？

如果Google地圖組件已經存在了，就不需要再添加，直接根據需要進行相關操作就可以（具體操作見下文所述）；

如果你的頁面上需要這個組件，但是還沒有添加，就需要先添加Google地圖組件了；怎麼判斷頁面上有沒有這個組件？單擊查看如何查看某一塊內容是使用什麼組件製作的？

2、如何添加Google地圖組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“Google地圖”，如下圖1所示：

圖1：

3、如何設置Google地圖組件？

3.1 進入組件的“設置”分兩種場景

1）此組件已經添加好的場景：進入所有這類組件設置項方法都是一樣的，可以參考這個攻略：如何進入組件的設置項？

2）新添加的組件的場景：在添加此組件時會彈出這個組件的的設置話框。

3.2 在組件設置中設置組件的內容（如下圖2）

組件標題：根據需要來填寫，填寫則顯示，不填寫不顯示也不佔位置；

Google地圖API密鑰：需要填寫Google地圖API密鑰才可以使用Google地圖，單擊小問號圖標可以看到獲取Google地圖API密鑰的方法。單擊查看如何獲取Google地圖API密鑰？

詳細地址：在此欄中輸入詳細地址，然後單擊“搜索位置”，則生成Google地圖定位標識，如果定位不准可以用鼠標左鍵按住紅色標識拖動到準確位置；

如果紅色的標識定位不准確，可以按住鼠標左鍵移動紅色標識來定位的更準確一些。如果需要精準的定位，但是地圖上沒有出現此精準地址，說明此地址沒有被提交給GOOGLE，現在可以根據“谷歌（Google）地圖定位不到具體的地址，怎麼辦？”此攻略來提交給GOOGLE。

如果GOOGLE地圖沒有顯示，請確認自己是否翻牆了，若沒有翻牆，Google地圖不顯示是正常的。

設置地圖類型：支持地圖、衛星、混合三種類型，根據需要選擇即可；

位置名稱：即紅色標示定位的位置名稱，通常可以輸入公司名稱；

調整地圖高度：通過拖動小按鈕可以調整地圖顯示的高度；

圖2：

3.3保存組件設置中的內容

百度地圖組件的內容設置好以後，需要單擊設置框右下角的“保存”按鈕；

4、保存、預覽、發布

設置好以上內容以後要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網站後台；

然後可以單擊“預覽”按鈕查看不同終端下展示的效果，如果不合適可以到後台再做修改；

如果需要讓訪客也看到，請單擊頁面右上角的“發布”按鈕，發布之後稍等兩分鐘左右即可看網站前台展示效果。

在Google地圖中如何修改位置名稱？

修改位置如下圖所示：

三.組件優化

1.Google地圖組件的設置項中新增“設置地圖比例尺”選擇項，該選項包含：國家、省份、城市、區縣、街道五個地圖比例尺；

（1）新增功能的應用場景：可以根據實際需求靈活選擇合適的地圖比例尺，讓買家更容易找到您公司的位置；

（2）在相同的地址中，設置不同的地圖比例尺之後的效果如下圖所示，圖1設置為國家，圖2設置為省份，圖3設置為城市，圖4設置為區/縣，圖5設置為街道.

圖1

圖2

圖3

圖4

圖5