Verwalten der gmap embedded iframe anfängliche Zoomstufe

Question

Ich integriere eine gmap iframe auf meiner Website und ich würde gerne wissen, wie man den Zoom der gmap ändert? Wie lege ich einen Standardzoomwert fest?

Hier ist mein 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

Nur in gmap wie ich wollte gezoomt und dann nach dem iframe gefragt.

Answer 2

Sie &z=nn Parameter verwenden können (vielleicht &zoom=nn auch funktioniert) am Ende Ihrer iframe src Attribut.

Hinweis: nn ist die Nummer, die Sie hinzufügen möchten. Zum Beispiel: &z=5 oder &z=15 oder &zoom=5.

So gegeben Quell Sie dies ändern:

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 

zu, was auch immer Zoom Nummer, die Sie wollen.

Hinweis: Sehen Sie den Parameter &z=20 am Ende der Quelle? Diese Nummer ist die Standardzoomstufe.

Bitte versuchen Sie es und kommentieren Sie mich, wenn Sie irgendwelche Probleme finden.

Answer 3

Ich würde den Zoom in den ersten Skript-Tags in den Kopf der Datei setzen, unten, wo Sie Ihre CSS aufnehmen könnten. Ein Beispiel dafür wäre das, was ich unten habe.

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

Sie können dort auf der sechsten Zeile sehen, wie der Zoom auf 17 gesetzt ist (dies macht etwa 2-3 Blöcke Ansicht-fähig). Von dem, was ich sagen kann, ist die Zeile, die Sie bearbeiten möchten, in dem Code in der Nähe des unteren Bereichs, in dem Sie jQuery oder Jscript einschließen könnten. Ich glaube, dass dieser Guide aus dem Google-Entwickler-Netzwerk eine Hilfe für weitere Anweisungen sein kann!

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

Haben Sie einen guten Tag!