Карта Google с центром в определенной области поиска - PullRequest
Новая
       30

Карта Google с центром в определенной области поиска

0 голосов
/ 21 февраля 2012

Я использую Google Maps api v. 3 на своем веб-сайте.Я хочу реализовать следующий поток:

  1. Пользователю предоставляется форма, в которую он вводит адрес (какого-то вида - город, улица и т. Д.).
  2. После формызаполнен, ему представлена ​​карта с указанием карты по центру по указанному адресу.Затем он может ввести ключевое слово для поиска по Google местам в области карты.

На чем я остановился - это перевод адреса на карту.Как я понимаю API v3, я должен инициализировать карту с позицией в центре LatLng - но с названием города или около того я пока не могу этого сделать.Мне нужен какой-то перевод между текстовым адресом и координатами - это то, что делают Google Карты, когда я ищу, например, «Беверли-Хиллз».Какой-то обратный, я полагаю?Как я должен сделать это в API JavaScript?

Или есть возможность включить панель поиска внутри встроенной карты v3?

Ответы [ 2 ]

2 голосов
/ 21 февраля 2012

Вы можете использовать API Карт Google v3 Geocoding для перевода адреса в широту / долготу. После этого вы можете использовать эти данные для инициализации карты.

2 голосов
/ 21 февраля 2012

Вам нужно использовать geocode что-то вроде ниже

Скопировано из http://code.google.com/apis/maps/documentation/javascript/geocoding.html

  var geocoder;
  var map;
  function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  }

  function codeAddress() {
    var address = document.getElementById("address").value;
    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
        });
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }

И тогда вам нужно будет вызвать функцию codeAddress()по вашей кнопке нажмите

...