Question

我在我的网站上集成了一个gmap iframe，我想知道如何修改gmap的缩放？如何设置默认缩放值？

这是我的HTML：

<div class="Flexible-container">
   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.090588107181!2d2.2261348518741295!3d48.87554960734967!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e664de82918609%3A0x12912c17a8dd9551!2s83+Rue+Carnot%2C+92150+Suresnes%2C+France!5e0!3m2!1sfr!2sch!4v1464688931681&z=20" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>

Answer 1

像我希望的那样在gmap中缩小，然后询问iframe。

Answer 2

我会将缩放设置在文件头部的初始脚本标签中，在您可能包含css的位置下方。这方面的一个例子就是我在下面的内容。

<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var mapProp = {
center:new google.maps.LatLng(33.670230,-95.576964),
zoom:17,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);

</script>

你可以在第六行看到缩放如何设置为17（这使得大约2-3个块可以查看）。从我可以告诉您要编辑的行是在底部附近的代码中，您可能包含jquery或jscript。我相信谷歌开发者网络的这个指南可能有助于进一步指导！

https://developers.google.com/maps/documentation/javascript/tutorials/adding-a-google-map

祝你有个美好的一天！

Answer 3

您可以使用&z=nn参数（可能&zoom=nn也可以） src属性。

注意 ：nn是您要添加的号码。例如：&z=5，&z=15或&zoom=5。

因此，鉴于您的来源，您必须更改此内容：

https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.090588107181!2d2.2261348518741295!3d48.87554960734967!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e664de82918609%3A0x12912c17a8dd9551!2s83+Rue+Carnot%2C+92150+Suresnes%2C+France!5e0!3m2!1sfr!2sch!4v1464688931681&z=20

到你想要的任何缩放数字。

注意 ：您是否在源代码中看到了&z=20参数？此数字是默认缩放级别。

如果您发现任何问题，请尝试并发表评论。

管理gmap嵌入式iframe初始缩放级别

3 个答案: