Встроенная карта Google Maps на странице маршрутов - PullRequest
Новая
       12

Встроенная карта Google Maps на странице маршрутов

0 голосов
/ 16 февраля 2010

Я хочу, чтобы у моей страницы указаний была та же функциональность, что и у этой страницы, т. Е. Объект карты Google обновляется из формы справа. Как я могу иметь это на своих страницах? Я использую Django BTW, но я не думаю, что это будет иметь большое значение ... реализация должна быть универсальной для чего-то подобного.

1 Ответ

1 голос
/ 16 февраля 2010

Я сделал это на сайте Drupal. API кода довольно прост. Вы можете создать начальную интерактивную карту, используя долготу и широту в качестве центральной точки. 

function initialize() {

      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
      }
    }

Тогда вам нужно, чтобы ваша форма указаний позвонила в Google Geocoder. Это превратит введенный адрес в долготу и широту - хотя вы можете обойти этот шаг.

Затем используйте недавно приобретенный Long & Lat для генерации запроса маршрутов (снова Google API). 

// Create a directions object and register a map and DIV to hold the
// resulting computed directions

var map;
var directionsPanel;
var directions;

function initialize() {
  map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(42.351505,-71.094455), 15);
  directionsPanel = document.getElementById("route");
  directions = new GDirections(map, directionsPanel);
  directions.load("from: 500 Memorial Drive, Cambridge, MA to: 4 Yawkey Way, Boston, MA 02215 (Fenway Park)");
}

Весь Javascript может идти прямо в ваш HTML. Я предлагаю вам потратить некоторое время на изучение http://code.google.com/apis/ajax/playground/

...