Comment intégrer une carte Google avec une zone modifiable?

Question

Je n'ai pas très bien formulé cela

Mais fondamentalement, j'aimerais intégrer une carte sur mon site - mais la zone qu'elle montre va changer. J'ai essayé de le faire, mais cela ne semble jamais fonctionner, car il se concentrera sur le mauvais endroit - l'ancienne zone, plutôt que la nouvelle zone. Fondamentalement, je voudrais un code Google Map qui utilise $place comme emplacement.

Merci.

Answer 1

// Prepare your coordinates 
var latlng1 = new google.maps.LatLng(0.0, 0.0); 
var latlng2 = new google.maps.LatLng(100.0, 100.0); 

// Initialize your map 
var map = new google.maps.Map(document.getElementById('map'), options); 
var options = { 
    zoom: 6, 
    center: latlng1, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 

// Recenter the map/viewport 
map.setCenter(latlng2); 

Answer 2

Si vous n'avez pas l'emplacement géocodées, vous pouvez rechercher par adresse comme ceci: (supposons que vous incluez votre clé api ci-dessus cet appel - ajouter dans le lang vars à la valeur de sortie, en 2 places)

<script type="text/javascript"> 


    $(document).ready(function() { 
    document.onunload = "GUnload()"; 
    if (GBrowserIsCompatible()) { 
     var map = new GMap2(document.getElementById("map_canvas")); 

     map.setCenter(new GLatLng(0.0, 0.0), 13); 
     // map.setUIToDefault(); 


     geocoder = new GClientGeocoder(); 
      if (geocoder) { 
       geocoder.getLatLng( '$place', function(point) { 
       if (!point) { 
        } else { 
        var topRight = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10,10));var bottomRight = new GControlPosition (G_ANCHOR_BOTTOM_RIGHT, new GSize(10,10)); 
      var mapTypeControl = new GMapTypeControl(); map.addControl(mapTypeControl, topRight); 
      map.addControl(new GSmallMapControl()); var bounds = map.getBounds(); 
      map.setCenter(point, 13); 
      var marker = new GMarker(point); 
      map.addOverlay(marker); 
      GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml('<a href="http://maps.google.com/maps?f=d&hl=en&geocode=&saddr=&daddr=$place" target="_blank">Get Directions &raquo;</a>');}) 
      ;} 

      } 

      ); 

     } 
     // end geocoding 

     } 
}); 

    </script>