The7主题添加谷歌地图

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

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

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

the7添加谷歌地图

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

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


【AD】BandwagonHost:$92.30/年/2核/2G内存/40G SSD/1T流量/1Gbps/香港CMI/大阪软银/洛杉矶CN2 GIA

【AD】美国洛杉矶CN2 VPS/香港CN2 VPS/日本CN2 VPS推荐,延迟低、稳定性高、免费备份_搬瓦工vps