Какой язык использовать для создания карт динамически

Question

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

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

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

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

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

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

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

Благодаря

Answer 1

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

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

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

Answer 2

Если я вас правильно понимаю, что это звучит как API Карт Google будет работать для вас: Вы можете найти более подробную информацию здесь. here

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