Wordpress：需要在谷歌嵌入式地图 iframe 中设置缩放级别答案

【问题标题】：Wordpress : Need to set zoom level in google embedded map iframeWordpress：需要在谷歌嵌入式地图 iframe 中设置缩放级别
【发布时间】：2016-06-10 12:02:42
【问题描述】：

我在我的网站中使用带有此代码的地图嵌入 iframe

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4911422.152107185!2d-6.743420312530421!3d53.05351610420746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487a5d16d99dac79%3A0xbd0539007f0aea54!2s27+Eddisbury+Dr%2C+Newcastle%2C+Staffordshire+ST5+7SL%2C+UK!5e0!3m2!1sen!2sin!4v1465471022612" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

看起来

效果很好，但是我想在这个 iframe 中设置缩放级别，可以吗？指导我如何设置。谢谢！！

当我添加这个时

<iframe style="height:100%; width:100%;" src="https://www.google.com/maps/embed/v1/place?q=27+Eddisbury+Dr,+Newcastle,+Staffordshire+ST5+7SL,+UK&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU&zoom=15"></iframe></div>

然后我得到这个

我的意思是它可以工作，但也会干扰所有页面内容和 div。当我尝试设置它的高度和宽度时，它保持不变，意味着没有变化。回到我的问题，我只想设置缩放级别，无需更改高度和宽度或地图样式。

【问题讨论】：

标签： wordpress iframe

【解决方案1】：

我解决了我的问题，这里我添加一些屏幕截图，

我打开了页面，然后

然后就这样打开了

现在转到地址栏，即

并找出与 lat long 相关的 lat long 和 Z 您可以根据需要更改此 Z 并刷新页面

或

在此之后转到左上角的齿轮按钮，即

之后它会像这样打开一个侧边栏

然后寻找分享或嵌入地图并点击它会打开

那么

现在从这里复制 iframe 代码并使用。

就是这样。它适用于每个人。

【讨论】：

谢谢这对我有用，这应该被接受而不是上面的答案。
谢谢为我工作，我同意应该是公认的答案，因为它与最新版本的谷歌地图相关
很高兴知道这一点！

【解决方案2】：

<html>

   <head>
     <title>Google map</title>
   </head>
  <body>
    <iframe style="height:100%; width:100%;" src="https://www.google.com/maps/embed/v1/place?q=27+Eddisbury+Dr,+Newcastle,+Staffordshire+ST5+7SL,+UK&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU&zoom=15"></iframe></div>
	
  </body>   
</html>

您可以使用zoom 变量来进行缩放级别，如下所示。

<iframe style="height:100%; width:100%;" src="https://www.google.com/maps/embed/v1/place?q=27+Eddisbury+Dr,+Newcastle,+Staffordshire+ST5+7SL,+UK&key=AIzaSyAN0om9mFmy1QN6Wf54tXAowK4eT0ZUPrU&zoom=15"></iframe></div>

【讨论】：

对不起，我放错了代码。请检查修改
如果有帮助，请点击绿色勾：)
您是如何生成问题中提到的这个 src 的？
访问谷歌地图google.com/maps创建地图（一步一步：1）找到位置2）点击左上角的齿轮符号并选择“分享或嵌入地图”3）在模式窗口选择“嵌入地图” 4）复制 iframe 代码并粘贴）。
再次查看我的问题我添加了屏幕截图

【解决方案3】：

您可以尝试使用 &z=nn Some value 参数。这对我来说可以。这是给你的参考代码。

<iframe width="640" height="480" src="https://www.google.com/maps/d/embed?mid=1I8s3COxd2tY0wGKPiBxra1gkE6wpAEx1&z=19"></iframe>

【讨论】：

【解决方案4】：

我只是通过更改“指针事件：全部”来做到这一点然后你就有了和谷歌地图一样的功能，放大缩小，做路线等等。

.map iframe {
  pointer-events: all;
  height: 100%;
  width: 100%;
  border: 0;
}

【讨论】：