Какой язык использовать для динамического создания карт - PullRequest
0 голосов
/ 07 декабря 2010

Я хочу динамически создавать карту и отображать ее на сайте. Вы можете назвать это скорее графиком, чем картой. Здесь я беру источник и назначение из базы данных. Может быть много источников для пункта назначения или много пунктов назначения для источника или обоих. Также может быть много других мест, направленных к / от источника / места назначения. Источник и Назначение всегда будут там. Но другие места не являются обязательными. Так, например, маршрут может быть

L1 -> L2 -> Источник -> Пункт назначения -> L3 -> L4. где L1-L4 - местоположения (необязательно)

Я хочу изобразить это схематически на веб-сайте. Пользователь должен иметь возможность щелкнуть каждое местоположение / путь (изображенный в виде линии со стрелкой выше), и должно быть открыто всплывающее окно. Во всплывающем окне можно редактировать данные. Также вдоль пути (стрелка) должны отображаться некоторые данные. По сути, для этой диаграммы должны быть доступны все функции HTML, JS.

Может кто-нибудь предложить мне, какой язык я могу использовать для этого?

Я проверил некоторые API карты. Но они ожидают, что какое-то предварительно загруженное изображение будет присутствовать. Это невозможно в моем случае.

Сайт, над которым я работаю, аналогичен любому сайту с информацией о тарифах, где мы выбираем несколько городов и получаем разные тарифы для разных авиакомпаний. Я хочу показать это графически с узлами, представляющими местоположения, и линиями, представляющими пути, и должен показывать скорости вдоль путей и тому подобное.

Будут оценены любые указатели.

Спасибо

Ответы [ 2 ]

1 голос
/ 07 декабря 2010

Некоторые из ваших вариантов: SVG , HTML Canvas или HTML + CSS. Учитывая ваше желание отслеживать события по объектам, я бы исключил использование HTML-холста: привязка событий к объектам в сохраненной системе рисования намного проще, чем ручная обработка событий в зависимости от положения мыши.

Я бы рекомендовал использовать SVG (если вы можете ограничиться только браузерами, которые его поддерживают) или API рисования, такие как Raphaël , для абстрактной поддержки SVG и VML для IE. У вас будет гораздо больше гибкости при рисовании и обнаружении попаданий, чем при использовании HTML-элементов и фона.

Хотя я не использовал его, Google нашел библиотеку Joint (которая использует Raphaël) для более высокой абстракции, чем уровень рисования. Возможно, это отвечает вашим потребностям.

0 голосов
/ 07 декабря 2010

Если я вас правильно понял, похоже, что API Google Maps будет работать для вас: Вы можете найти больше информации здесь. здесь

Кроме того, вы можете найти эту информацию полезной.

...