在许多公司网站中都有插入谷歌地图，可能有些是自己开发的页面，或者使用插件实现，如果你使用的是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主题添加谷歌地图

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

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