WordPress网站定制开发专家
WordPress企业主题特惠

赞一个 2431

WordPress外贸建站过程中,我们会在页面中嵌入Google地图,来直观展示企业位置信息,目的就是为了更好地迎合国外用户的访问体验,帮助外贸营销网站实现在线Google地图功能。那么,如何来获取Google地图的企业位置信息,并显示在我们的网站上呢,下面,WPYOU就为大家介绍一个非常简单的方法。

1.  访问Google Maps官方网站

首先,我们需要访问Google Maps官方网站:https://www.google.com/maps/,进入该网址后界面如下图所示:

Google地图代码

在上图所示位置,输入你要显示的地理位置信息(使用英文格式的位置信息搜索),本文以 Nanjing, Jiangsu, China 为例进行搜索定位。

2.  生成位置地图

输入 Nanjing, Jiangsu, China 位置信息后,点击搜索图标(或者 Enter 键)即可在线生成Google地图的定位位置,同时,在左侧功能区,还会生成该位置的关联信息和操作(比如:SAVE、NEARBY、SEND TO YOUR PHONE、SHARE)如下图所示:

Google地图代码

3.  SHARE分享按钮

点击上图中的 SHARE 分享按钮,会在右侧地图区域弹出分享代码调用窗口,在该窗口中,我们可以选择 Share link (分享链接)或者 Embed map(嵌入地图)如下图所示:

Google地图获取代码

Share link (分享链接):把当前位置地图页面的URL地址分享到网站或社交网络等等;

Embed map(嵌入地图):获取当前位置地图的 iframe 嵌入代码,把代码添加到网站页面中,即可直接展示当前位置的Google地图。

4.  获取代码

点击下图中的 Embed map(嵌入地图)标签,切换到获取嵌入代码界面,复制 Medium 右侧表单中的代码,然后添加到网站的相关页面就可以实现Google地址的嵌入了。

本例获取的代码如下:

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d432624.5748227754!2d118.457567!3d32.0995425!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35b58c9b668dcd83%3A0x8ffbb60b79df1b06!2sNanjing%2C+Jiangsu%2C+China!5e0!3m2!1sen!2sus!4v1496827156561" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

其中的  width=”600″ height=”450″ 宽度和高度可以自定义,比如改为: width=”100%” height=”650″,地图在页面中宽度就会100%显示,高度就会 650px了。

Google地图获取代码

此外,点击 Medium 项,还可以选择 Small(小)、 Medium(中)、 Large(大)、 Custom size (自定义尺寸),根据自己网站Goolge地图显示需要,选择使用即可。

5. 添加代码到页面

获取到Google地图的调用代码后,在网站后台对应的编辑页,将编辑框切换到【文本】状态后,粘贴调用代码,保存后就可以看到相应的Google地图展示了。您可以根据自己页面宽度等进行自定义设置Google地图的宽度和高度值。

添加调用代码如下图所示:

WordPress添加Google地图位置信息

编辑框可视化状态效果如下图所示:

WordPress添加Google地图位置信息

这样,我们就完成在外贸网站中嵌入Google地图的操作了。

外贸网站中添加Google地图,好处就是可以帮助网站客户直观地获取企业的位置信息,同时,还可以给网站客户增加可信度,再在页面中添加更多的联系信息(比如: 电话、手机、传真、电子邮箱、Skype、WhatsAPP)以及社交网络地址(Facebook、Twitter、LinkedIn等),就可以实现一个非常完善的外贸企业网站中的Contact us 联系我们页面了,使得整个页面内容充实,增进网站客户的信任度,从而可能更好地促成客户的在线询盘,甚至订单成交。

上一篇:

下一篇:

在线评论

在线客服
在线客服关闭
WPYOU官方微信

扫码关注官方微信