Question

我在我的网站

中使用Map embed 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 ..当我试图设置它的高度和宽度它保持不变时，意味着没有变化。回到我的问题我只想设置缩放级别，无需更改高度和宽度或地图样式。

Answer 1

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

我打开了页面，然后

然后它就像这样打开了

现在去地址栏，即

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

或

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

之后会打开像这样的侧栏

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

然后

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

多数民众赞成。它适用于每一个人。

Answer 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>

Answer 3

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

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

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

3 个答案: