WordPress:需要在Google嵌入式地图iframe中设置缩放级别

ta下

在我的网站中使用带有此代码的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。.当我尝试设置其高度和宽度时,它保持不变,意味着没有变化。回到我的问题,我只想设置缩放级别,而无需更改高度和宽度或地图样式。

希伦德拉辛·拉索德

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

深度链接到Wordpress中的嵌入式iframe内容

如何缩小嵌入式Google地图?

如何从嵌入式地图获取Google地图样式

如何在Spring Boot中设置嵌入式tomcat的日志记录级别?

嵌入式iframe URL,可在wordpress中包含当前用户ID

嵌入式地图在反应

PhoneGap,嵌入式Google地图未显示在Android Build中

添加嵌入式Google地图时,在console.log中警告

在嵌入式Google地图中隐藏顶部栏

从嵌入式Google地图中提取标记坐标

根据选择更改嵌入式Google地图位置

HTML元素彼此重叠(+对齐嵌入式Google地图)

在嵌入式Google地图上分别打开信息窗口

我需要在嵌入式系统中以十六进制形式打印可变数量的字符,以进行调试

如何在Google地图中设置缩放级别

如何在新的Google地图上设置默认缩放级别?

Issuu从嵌入式iframe的configId中获取documentId

如何在Google Chrome浏览器的嵌入式Javascript中设置断点?

嵌入式Google Maps磁贴在缩放后才能加载到Firefox第二页中

使用嵌入式API Google Analytics设置API密钥

需要说明嵌入式程序中的代码

将嵌入式地图(谷歌地图)的中心设置到特定位置

嵌入式代码将不会显示在WordPress页面中

Google Docs iFrame:如何自定义嵌入式Google Docs iFrame的CSS

从嵌入式Google表格中删除Google Border

嵌入式Google地图在调整大小窗口之前不会显示完整的地图

从新版Google地图中的嵌入式地图中删除信息窗口

如何在 android 中管理 Google 地图中的缩放级别

如何在Android嵌入式卡中设置setText()