作为Contact us常年MVP的****，经常被吐槽会遇到如下问题：
是的，你没看错，就是这个问题，很多小伙伴在群里，在米问都有提问过。常规的solution就是解决谷歌的API问题。是的，这是个不错的方案，但可能稍微有点复杂，对于小白或者懒人来说可能有些confused。So，这个帖子给出另一种更简单直接的方法。(PS: 本帖主要是AVADA主题，其他主题没操作过，所以就给不了意见了，不过方法应该是大同小异的~)
那么进入正题：
Step 1:定位
打开****，找到你的位置，并点击确定坐标，如图
Step 2:复制代码
点击信息框(如上图的King County)，并且点击Share，进入到详细框里面，切换到Embed map模式，并且复制下方的代码
Step 3 调整地图的尺寸
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d425070.9635082705!2d-95.8631009228938!3d33.66061043395184!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x864aff581439a97f%3A0xbd1cf5fd509de4c2!2sLamar+County%2C+TX!5e0!3m2!1sen!2sus!4v1473520311445" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
如上代码，标注的width 和 height 可以调整参数，比如常用的全屏地图可以改成 width="1920" height="450"
Step 4 通过page的text block元素实现代码
在page中拖入Full Width Container和Text Block
将text block切换到text 模式下并且黏贴上一部复制的代码
再次切换到Visual模式下检查效果
Step 5 全屏设置
通过以下三个地方设置实现置顶全屏
(1)右侧 Template下拉选择100% width
(2) Full Width Container的Defaul选项和Design选项
Top, Left, Right都设置为0
(3)底部Page Content Top Padding设置为0
以上全部设置好了之后就大功告成，下面上效果图
嗯，虽然写的有点长，但是其实操作起来挺简单的。有什么疑问留言吧~
添加表情
分享至微信
