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

问题描述 投票：3回答：3

我在我的网站上使用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>

它看起来enter image description here

它运作良好，但我想在这个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>

然后我得到这个enter image description here

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

wordpress iframe
3个回答
3
投票

<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>
12
投票

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

我打开了页面和enter image description here

然后就这样开了

enter image description here

现在去地址栏，即

enter image description here并找出lat long和Z与lat相关联长你可以根据需要更改这个Z并刷新页面

要么

enter image description here

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

enter image description here

在此之后它将打开这样的侧栏

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

enter image description here

然后enter image description here

现在从这里复制iframe代码并使用。 enter image description here

而已。它适用于每一个人。

3
投票

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

<iframe width="640" height="480" src="https://www.google.com/maps/d/embed?mid=1I8s3COxd2tY0wGKPiBxra1gkE6wpAEx1&z=19"></iframe>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.