Как создать код карты Google с помощью геокодирования? - PullRequest
Новая
       19

Как создать код карты Google с помощью геокодирования?

0 голосов
/ 24 апреля 2010

У меня есть данные о месте, дороге, городе. И я хочу найти карту, введя эти значения. Теперь у меня есть скрипт, который генерирует широту и долготу с помощью геокодирования. Но мне интересно, есть ли способ сгенерировать код карты Google (iframe) с помощью геокодирования? Не могли бы вы сказать мне путь или дать мне несколько ссылок?

1 Ответ

0 голосов
/ 24 апреля 2010

Следующий пример может помочь вам начать работу. Все, что вам нужно сделать, это изменить переменную JavaScript userLocation на место, дорогу и город, выбранные вашими пользователями: 

<!DOCTYPE html>
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps API Demo</title> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false"
            type="text/javascript"></script> 
  </head> 
  <body onunload="GUnload()"> 

    <div id="map_canvas" style="width: 400px; height: 300px"></div> 

    <script type="text/javascript"> 

    var userLocation = 'London, UK';

    if (GBrowserIsCompatible()) {
       var geocoder = new GClientGeocoder();
       geocoder.getLocations(userLocation, function (locations) {         
          if (locations.Placemark) {
             var north = locations.Placemark[0].ExtendedData.LatLonBox.north;
             var south = locations.Placemark[0].ExtendedData.LatLonBox.south;
             var east  = locations.Placemark[0].ExtendedData.LatLonBox.east;
             var west  = locations.Placemark[0].ExtendedData.LatLonBox.west;

             var bounds = new GLatLngBounds(new GLatLng(south, west), 
                                            new GLatLng(north, east));

             var map = new GMap2(document.getElementById("map_canvas"));

             map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
             map.addOverlay(new GMarker(bounds.getCenter()));
          }
       });
    }
    </script> 
  </body> 
</html>
...