Answer a question

I am using Map embed iframe with this code in my Website

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

it looks enter image description here

It works good, But i want to set zoom level in this iframe, is it possible? Guide me how do i set this. Thanks!!

when i am adding this

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

then I am getting this enter image description here

i mean it works , but disturb all page contents and div too.. And when i tried to set its height and width it remains same, means no change. Back to my question i just want to set zoom level, no need to change height and width or map style.

Answers

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

you can use zoom variable for zoom level like bellow.

<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>
Logo
WordPress建站社区

WordPress社区为您提供专业的建站知识与服务支持，提供一步到位的镜像安装和wordpress主题与插件支持

更多推荐

在 WordPress 中使用 MailChimp:它是如何工作的

在 WordPress 中使用 MailChimp:它是如何工作的 由于其众多插件,内容管理系统 (CMS) WordPress 提供了许多扩展其功能的机会。您可以以管理员身份管理来自 WordPress 在线商店的订单,或者仅使用仪表板负责整个社区。您还可以使用这个实用的 CMS 来推动您的电子邮件营销。插件可以帮助您为您的 WordPress 网站创建有效的注册表单。将 CMS 与 Mail

avatar WordPress建站社区

如何让您的网站适合移动设备

如何使您的网站适合移动设备 近三分之二的美国人现在拥有智能手机,这一事实表明数字世界正变得更加移动化。今天,功能强大的多面手变成了袖珍型,并开始取代许多不同的设备。像打电话或发送短信这样的标准功能正逐渐淡出人们的视线。然而,移动设备上的 Web 应用程序继续流行。美国 10% 的智能手机用户除了在他们的设备上没有任何其他访问互联网的途径。据专家称,到 2021 年,全球移动数据流量将增加五倍,达

avatar WordPress建站社区

创建论坛:最佳选择

创建论坛:最佳选择 Facebook、Twitter、YouTube 等社交网络和 WhatsApp(当然也是 Facebook 的 Messenger)等即时通讯服务塑造了现代在线交流。通过这些渠道,您可以与朋友、家人和其他志同道合的人交流想法——关于一切。说了这么多,令人惊讶的是,传统的互联网论坛,最古老的虚拟交流形式之一,仍然很受欢迎。 网络用户仍然很高兴有机会成为(通常)自由社区的一部分

avatar WordPress建站社区