Как вставить карту Google с изменяемой областью?

Question

Я не очень хорошо сформулировал это

Но я бы хотел добавить карту на свой сайт - но область, которую он показывает, изменится.Я пытался сделать это, но, похоже, это никогда не сработало, так как фокусировался бы на неправильной области - старой, а не новой области.

По сути, мне нужен код карты Google, который использует$place как местоположение.

Спасибо.

Answer 1

Если у вас нет геокодированного местоположения, вы можете искать его по адресу следующим образом: (предположим, вы включили свой ключ API выше этого вызова - добавьте lang vars для вывода значения, в 2 местах)

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

Answer 2

// 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);