在许多公司网站中都有插入谷歌地图,可能有些是自己开发的页面,或者使用插件实现,如果你使用的是The7主题的话,那么非常简单,只需要使用WPBakery Page Builder中的google map模块插入即可,下面分享下the7主题如何插入谷歌地图。

首先我们要确保自己的The7主题已经安装了 WPBakery Page Builder 和 Ultimate Addons for Visual Composer 两款插件,没有装的朋友可以在The7的Plugin选项中找到

然后我们在后台找到The7 Ulimate,可以看到有一个google maps选项,里面有一个地方会让我们输入 API Key,这个必须填写,不然google地图组件无法调用,还没有API的朋友可以查看获取Google地图APIKey教程

The7主题添加谷歌地图

这里我们的准备工作已经完成,接下来就可以去文章或者页面中添加google地图

我们使用Visual Composer可视化的编辑模式,在页面中添加一个Ultimate的google map模块(虽然说Visual Composer自带一个嵌入式的google map,但是这个调用地图更方便,界面也好用,刚刚的api就是为此设置的)

The7主题添加谷歌地图

The7主题添加谷歌地图

展开选项之后,我们需要填写2个比较重要的就是经纬度,对此我们可以打开这个经纬度查询网页

The7主题添加谷歌地图

在地图中有一个小圆圈,可以看到我把它调到了伦敦,而经纬度也随之改变,我们把它填入刚刚的谷歌地图模块中,然后保存就行了

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。