2013-03-14 4 views
1

J'ai le code ci-dessous, qui place 4 cartes sur une page, et ajoute un marqueur pour chaque basé sur une adresse. Mais j'ai besoin de mapper pour centrer sur le marqueur.Google Maps api centre sur le marqueur

<script type="text/javascript"> 
     var geocoder; 
     var map0,map1,map2,map3; 
     var markers = []; 
      function initialize() { 
      geocoder = new google.maps.Geocoder(); 
      var latlng = new google.maps.LatLng(-34.397, 150.644); 
      var mapOptions = { 
       zoom: 14, 
       center: latlng, 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      } 
      map0 = new google.maps.Map(document.getElementById("map_canvas1"), mapOptions); 
      addPostCode('@address1',map0); 
      map1 = new google.maps.Map(document.getElementById("map_canvas2"), mapOptions); 
      addPostCode('@address2',map1); 
      map2 = new google.maps.Map(document.getElementById("map_canvas3"), mapOptions); 
      addPostCode('@address3',map2); 
      map3 = new google.maps.Map(document.getElementById("map_canvas4"), mapOptions); 
      addPostCode('@address4',map3); 
      } 

      function addPostCode(address,map) { 
       geocoder.geocode({ 'address': address}, function(results, status) { 
       if (status == google.maps.GeocoderStatus.OK) 
       { 
        map.setCenter(results[0].geometry.location); 
        var marker = new google.maps.Marker({ 
        map: map, 
        position: results[0].geometry.location, 
        center: results[0].geometry.location, 
        name: address 
       }); 
       markers.push(marker); 
       } else { 
        alert("Geocode was not successful for the following reason: " + status); 
       } 
       }); 
      } 

pas totalement sûr où faire centrer sur le marqueur de cette carte.

+0

Cette ligne n'a aucun sens pour les marqueurs: 'center: results [0] .geometry.location,' - les marqueurs n'ont pas de 'centre', simplement une position – duncan

Répondre

1

Eh bien, je programmé exemple de travail que vous pouvez le voir ici: JS fiddle

Peu de choses que je changé en train d'enlever center: results[0].geometry.location de marqueur (car les marqueurs ne sont ajoutés à des emplacements et carte contrôlés à l'aide map.setCenter();) également J'ai changé un peu les noms des classes, alors modifiez-les comme vous voulez. à votre santé!

Questions connexes