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

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

在建立网站的过程中,有的时候,需要调用地图,展示我们的工厂或公司所在地,同样的客户也可以直接点击地图跳转到谷歌地图,导航到我们的公司。这里以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下面

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

然后出现下面界面,命好名,然后把谷歌地图里面的代码黏贴进去,然后保存即可。

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

这边注意,当我们保存以后,我们可以来到全端查看效果,发现谷歌地图过大,所以我们需要调整尺寸

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

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

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

同样的道理,如果我们需要在具体页面调用谷歌地图,我们就在具体页面添加一个工具,然后把代码黏贴上去,根据具体页面的排版调整地图大小即可。(来源:理清外贸)

以上内容属作者个人观点,不代表雨果网立场!本文经原作者授权转载,转载需经原作者授权同意。

版权声明:郭汜 发表于 2022-08-21 15:16:48。
转载请注明:自建站卖家怎么在网站页面调用谷歌地图 | 363导航网

暂无评论

暂无评论...