2010-04-06 70 views
0

我還沒有很好地描述過這個問題如何嵌入帶可變區域的谷歌地圖?

但基本上,我想在我的網站上嵌入地圖 - 但它顯示的區域會改變。我嘗試過這樣做,但似乎從未如此,因爲它將專注於錯誤的領域 - 舊區域,而不是新區域。

基本上,我想要一個使用$place作爲位置的谷歌地圖代碼。

謝謝。

回答

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

如果你沒有位置的地理編碼的,你可以看一下通過地址,像這樣:(假設你有這個調用上述API密鑰 - 添加在郎瓦爾輸出值,在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>