塑造真实感，快把谷歌地图嵌入网站！-江苏互旦网络科技有限公司

塑造真实感，快把谷歌地图嵌入网站！

2024-05-19

很多外贸客户在网站中希望插入谷歌地图，不仅能表明公司的实际所处位置，最重要的是可以彰显公司的真实性，以便后续建立友好的合作关系。有些外贸商家的独立站上放置了百度地图，但这样可能会导致国外客户打开看时是一片空白区域。如何在网站上插入谷歌地图，就是我们今天这篇文章的重点~

前言

对于我们外贸的从业人员来说，公司的网站是非常重要的，可以称之为一个公司的门面。通过网站，客户可以快速地了解到咱们所处的行业，经营的产品，联系信息，公司信息等。而添加了地图后就可以快速地让客户寻找你找到您公司所处的位置，更方面地让客户了解到您公司所坐落的国家/地区，还可以彰显公司的真实性。

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后使用浏览器打开，这样就可以预览了（如下图）