许多公司网站中都有插入谷歌地图,可能有些是自己开发的页面或者使用插件实现,如果你使用的是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个比较重要的就是经纬度,对此我们可以打开这个经纬度查询网页:
在地图中有一个小圆圈,可以看到我把它调到了伦敦,而经纬度也随之改变,我们把它填入刚刚的谷歌地图模块中,然后保存就行了。
声明
1.本网站名称: 盲盒博客
2.本站永久网址:https://exakit.com
3.本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长support@exakit.com
4.本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
5.本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6.本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新




评论(0)