Zoom marqueur google.cartes

Je ne peux pas zoomer à un marqueur correctement.

Je suis en train de passer de la vue d'un marqueur, mais ne peut pas ge tit pour le travail.

J'ai essayé

map.setCenter(location);
map.setZoom(20);

et

map.fitBounds(new google.maps.latLngBounds(location,location));

mais dans le premier cas, j'ai simplement obtenir un zoom avant sans modification au centre d'enregistrement, et dans le deuxième cas, je reçois cette vue d'ensemble sur un immense territoire, pas de zoom à tous.

Peut-être que ce problème pourrait être résolu par la fixation d'un timout de setcenter à setzoom, mais c'est un vilain hack pour moi, donc un joli solution serait préférable.

Comment faites-vous pour faire cela?

Aussi - si l'infowindow pourrait être affichée sans en changer le contenu, ce serait vraiment un plus, mais la chose la plus importante est de faire un zoom dans le marqueur à la bonne place, au plus près.

merci beaucoup.

  • Avez-vous une démo en ligne pour nous de voir et peut-être aider les autres?
InformationsquelleAutor Jakob | 2011-02-20
  1. 93

    La solution est avéré être

    map.setZoom(17);
map.panTo(curmarker.position);
    • curmaker est un peu moins pour les "marqueur" c'est un marqueur, c'est pourquoi j'ai pris juste la position de la propriété de la marque.
    InformationsquelleAutor Jakob
  2. 8

    Je pensais que j'allais poster une réponse ici que les gens voulaient un exemple de code.

    J'ai trop besoin pour être en mesure de zoom avant et au centre dès qu'un marqueur est ajouté à la carte.

    Espère que cela aide quelqu'un.

    function getPoint(postcode) {

    var geocoder = new google.maps.Geocoder();

    geocoder.geocode( { 'address': postcode + ', UK'}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {

            var marker = new google.maps.Marker({
                map: map,
                position: results[0].geometry.location
            });

            map.setZoom(10);
            map.panTo(marker.position);
        }
        else {
            alert('Geocode was not successful for the following reason: ' + status);
        }
    });
}
    InformationsquelleAutor AdRock
  3. 3

    est-ce une nouvelle instance d'un objet map vous êtes en train de créer? si oui, vous pouvez juste avoir un objet qui contient l'emplacement et de zoom, et de passer ensuite que l'objet de la carte lorsque initalising comme si (prises à partir de la Gmaps bases tutoriel http://code.google.com/apis/maps/documentation/javascript/basics.html:

    function initialize() {
var myLatlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}
    • non, c'est une carte qui dispose de plusieurs marqueurs sur elle, et sur le fait de cliquer sur un lien spécifique à un marqueur, je voudrais effectuer un zoom avant sur le marqueur.
    • ah ok. eh bien, si vous n'êtes pas contre elle, je voudrais essayer de définir un timeout sur la setCenter emplacement et voir si cela fonctionne alors. google est-ce à eux-mêmes dans l'api, donc, je pense que ses un bon chemin à parcourir. la Carte des Événements de la section ici devrait vous aider le long de votre chemin
    • Je pense que c'est exactement ce que je suis en train de faire. Je ne suis pas bon en JS, mais je pense qu'il devrait s'agir d'un script sur le lien qui modifie la carte existante... mais je ne comprends pas comment le faire.
    InformationsquelleAutor Will Ayd