专注出海运营平台,解决跨境电商问题
当前位置:跨境智通山 > 其他跨境 > 正文

外贸,自建站卖家怎么在网站页面调用谷歌地图

2022-03-13 20:00:28 其他跨境

外贸,自建站卖家如何在网站页面调用谷歌地图核心内容?

                                               
在建立网站的过程中,有时需要调用地图来显示我们的工厂或公司所在地。在这里Google以地图为例,告诉你如何将地图嵌入网站。
                                               

外贸,自建站卖家怎么在网站页面调用谷歌地图

外贸,自建站卖家如何在网站页面调用谷歌地图正文?

   在建立网站的过程中,有时需要调用地图来显示我们的工厂或公司的位置,同样的客户也可以直接点击地图跳转到谷歌地图,导航到我们的公司。在这里Google以地图为例,告诉你如何将地图嵌入网站。

   

   效果如下:

   

       

   

   首先,我们搜索谷歌地图(这里需要科学上网),然后找到第二个搜索结果。

   

   为什么要找第二个?你可以看看第一个和第二个的区别。第一个域名的后缀是.cn,第二个域名后缀是.com,假如你进去了.cn谷歌地图域名,你会有以下情况:

   

   包括我们在利用google在开发地图客户时,也要注意域名后缀,必须是.com域名后缀搜索客户,好这是题外话。当我们进入域名后缀时.com在谷歌地图上,我们可以直接搜索我们的工厂或办公室地址,点击分享

   

       

   

   然后出现以下界面:

   

   我们选择嵌入地图,然后复制HTML

   

   嗯,通过以上步骤,我们获得了调用谷歌地图的代码。有了这个代码,我们可以在任何我们想调用的页面上调用谷歌地图。

   

   因为每个网站使用不同的主题,所以添加方法是不同的这里有两个简单的介绍:一个在网站上footer下面调用谷歌地图;一是在特定网页上添加谷歌地图。

   

   wordpress免费获取主题: https://www.liqingwaimao.com/waimaotools/

   

   可收集wordpress主题

   

   首先:在网站上footer以下是谷歌地图

   

   我们来到Wordpress找到后台主页:Appearance-widgets

   

       

   

   简单介绍一下这个页面:

   

   右侧对应你网站的位置,比如:footer,左边是一些你可以调用的小工具,比如文字、图片等。我们选择一个footer,从左侧选择cutom html拖到footer下面

   

   然后出现下面的界面,命名好名,然后粘贴谷歌地图上的代码,然后保存。

   

       

   

   请注意,当我们保存它时,我们可以看效果,发现谷歌地图太大,需要调整尺寸

   

       

   

   我们回到代码页面修改一下宽和高,直到合适即可。

   

       

   

   同样,如果我们需要在特定页面上调用谷歌地图,我们会在特定页面上添加一个工具,然后粘贴代码,并根据特定页面的排版调整地图的大小。(资料来源:澄清外贸)

   

   以上内容属于作者个人观点,不代表跨境网的立场!本文经原作者独家授权转载,转载经跨境网授权同意。