大揭秘！原來谷歌地圖這樣才能添加到網站上-江蘇互旦網絡科技有限公司

大揭秘！原來谷歌地圖這樣才能添加到網站上

2024-08-11

很多外貿客戶在網站中希望插入谷歌地圖，不僅能表明公司的實際所處位置，最重要的是可以彰顯公司的真實性，以便後續建立友好的合作關系。

如何在網站上插入谷歌地圖，是今天這篇文章的重點~

前言

對于我們外貿的從業人員來說，公司的網站是非常重要的，可以稱之爲一個公司的門面。

通過網站，客戶可以快速地了解到咱們所處的行業，經營的産品，聯系信息，公司信息等。而添加了地圖後就可以快速地讓客戶尋找你找到您公司所處的位置，更方面地讓客戶了解到您公司所坐落的國家/地區，還可以彰顯公司的真實性。

Contact Us頁面是許多客戶了解過您公司的産品後到達的網址，在Contact Us頁面客戶可以快速地尋找到您的聯系信息，所處國家/地區，所以地圖非常适合放在該頁面。

很多客戶都會有這個意識在contact us頁面放上地圖，但許多客戶都使用錯了方法。

錯誤示範：在地圖上選用某度地圖或是選用中文頁面的地圖（見下圖）

正确示範：小編身邊的客戶添加成功後的樣式也展示給大家一下哦~（見下圖）

設置方法

接下來小編就來教一下大家如何把谷歌地圖添加在網站上。

1.首頁打開Goolge地圖。

https://www.google.com/maps/ （綠色上網條件下）

2.輸入您公司或者周邊建築物的地址，進行搜索。

3.點擊右側的分享。

4.點擊共享後，會彈出來下面這個對話框，因爲我們要把地圖嵌入網頁中，所以選擇嵌入地圖，然後複制下面這個HTML，并且它這個隻能是用iframe标簽的方式嵌入的，之後把鏈接放到網頁代碼中就可以了。

5.如需将地圖語言修改爲英文，這邊小編提供兩種方法哦 (1).在HTML代碼中将iframe裏zh-CN改爲en-us後，即可顯示爲英文地圖了，iframe寬度和高度可以自己調整。

(2).可以在谷歌地圖首頁左側欄中将語言修改爲英文。

6.将複制下來的HTML代碼存儲在txt文本文檔中發送給前端添加到網頁中就好啦~ 如您想預覽添加完成的樣子，可以将txt後綴修改爲html後使用浏覽器打開，這樣就可以預覽了（如下圖）

小編這次就和大家分享到這裏，我們下次再見~