大揭秘!原来谷歌地图这样才能(néng)添加到网站上

很(hěn)多(duō)外贸客户在网站中(zhōng)希望插入谷歌地图,不仅能(néng)表明公(gōng)司的实际所处位置,最重要的是可(kě)以彰显公(gōng)司的真实性,以便后续建立友好的合作(zuò)关系。
如何在网站上插入谷歌地图,是今天这篇文(wén)章的重点~
NO.1   前言
对于我们外贸的从业人员来说,公(gōng)司的网站是非常重要的,可(kě)以称之為(wèi)一个公(gōng)司的门面。
通过网站,客户可(kě)以快速地了解到咱们所处的行业,经营的产(chǎn)品,联系信息,公(gōng)司信息等。而添加了地图后就可(kě)以快速地让客户寻找你找到您公(gōng)司所处的位置,更方面地让客户了解到您公(gōng)司所坐(zuò)落的國(guó)家/地區(qū),还可(kě)以彰显公(gōng)司的真实性。
Contact Us页(yè)面是许多(duō)客户了解过您公(gōng)司的产(chǎn)品后到达的网址,在Contact Us页(yè)面客户可(kě)以快速地寻找到您的联系信息,所处國(guó)家/地區(qū),所以地图非常适合放在该页(yè)面。
很(hěn)多(duō)客户都会有(yǒu)这个意识在contact us页(yè)面放上地图,但许多(duō)客户都使用(yòng)错了方法。
错误示范:在地图上选用(yòng)某度地图或是选用(yòng)中(zhōng)文(wén)页(yè)面的地图(见下图)

正确示范:小(xiǎo)编身边的客户添加成功后的样式也展示给大家一下哦~(见下图)

NO.2  设置方法
接下来小(xiǎo)编就来教一下大家如何把谷歌地图添加在网站上。
01 首页(yè)打开Goolge地图
https://www.google.com/maps/ (绿色上网条件下)
02 输入您公(gōng)司或者周边建筑物(wù)的地址,进行搜索

03 点击右侧的分(fēn)享

04  点击共享后,会弹出来下面这个对话框
因為(wèi)我们要把地图嵌入网页(yè)中(zhōng),所以选择嵌入地图,然后复制下面这个HTML,并且它这个只能(néng)是用(yòng)iframe标签的方式嵌入的,之后把链接放到网页(yè)代码中(zhōng)就可(kě)以了。

05 如需将地图语言修改為(wèi)英文(wén)
这边小(xiǎo)编提供两种方法哦
(1)在HTML代码中(zhōng)将iframe里zh-CN改為(wèi)en-us后,即可(kě)显示為(wèi)英文(wén)地图了,iframe宽度和高度可(kě)以自己调整。

(2)可(kě)以在谷歌地图首页(yè)左侧栏中(zhōng)将语言修改為(wèi)英文(wén)。

06 儲存
将复制下来的HTML代码存储在txt文(wén)本文(wén)档中(zhōng)发送给前端添加到网页(yè)中(zhōng)就好啦~
如您想预览添加完成的样子,可(kě)以将txt后缀修改為(wèi)html后使用(yòng)浏览器打开,这样就可(kě)以预览了(如下图)

小(xiǎo)编这次就和大家分(fēn)享到这里,我们下次再见~

阅读更多(duō)

Read More