Карта Google в реальном времени

Question

Здравствуйте, эксперты Google API API. Какой лучший (хороший) способ разработки динамической карты в реальном времени с использованием Google Map API.

Пример: http://whrrl.com/

Было бы очень полезно, если бы кто-то указал мне правильное направление. Спасибо

Answer 1

Просто добавьте еще один пример, чтобы вы могли проверить, здесь - это исходный код живой карты, показывающей положение поездов в лондонском метро. Сайт можно найти по адресу http://traintimes.org.uk:81/map/tube/?from=map;to=tube,, но, к сожалению, он больше не работает, так как Transport for London приостановил свою службу API из-за высокого спроса. Надеюсь, вы сможете получить из исходного кода идею о том, как разработать динамическую карту в реальном времени.

Answer 2

Лучше всего начать с API Google Maps Javascript. Вот документация .

Там вы найдете много примеров, но в основном с несколькими строками JavaScript вы можете связать объект Google Maps с элементом в DOM (map_canvas):

var latlng = new google.maps.LatLng(-34.397, 150.644);

var myOptions = {
  zoom: 8,
  center: latlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

Посмотрите, что конкретно делает Whrrl.Они обновляют свой картографический центр (и отображают пользовательское всплывающее окно) на основе предварительно отрендеренного набора пользователей в их системе (если вы просмотрите исходный код их домашней страницы, вы увидите большую часть пользовательского JSON в нижней частифайл). Этот javascript запускает события по таймеру, перемещающему карту из одного места в другое.

Answer 3

Я нашел самое простое решение для этого .

Answer 4

AJAX-вызовы или Comet, для извлечения / уведомления о новых поступающих данных карты.

Посмотрите на node.js:)