在许多公司网站中都有插入谷歌地图,可能有些是自己开发的页面,或者使用插件实现,如果你使用的是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教程
这里我们的准备工作已经完成,接下来就可以去文章或者页面中添加google地图了
我们使用Visual Composer可视化的编辑模式,在页面中添加一个Ultimate的google map模块(虽然说Visual Composer自带一个嵌入式的google map,但是这个调用地图更方便,界面也好用,刚刚的api就是为此设置的)
展开选项之后,我们需要填写2个比较重要的就是经纬度,对此我们可以打开这个经纬度查询网页
在地图中有一个小圆圈,可以看到我把它调到了伦敦,而经纬度也随之改变,我们把它填入刚刚的谷歌地图模块中,然后保存就行了