Как сделать интерактивную карту города без Flash

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

Идея - иметь карту одного города в США, которую я мог бы использовать jquery для определения городов внутри указанного города. Затем я хотел бы иметь возможность более подробно рассказать об этом городе, показав такие вещи, как торговые центры, парки, названия улиц, доступное жилье и т. д.

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

Это не обязательно должно оставаться на той же странице, но было бы неплохо, если бы это было так.

Если это может быть слишком дорого нанимать кого-то или слишком долго сидеть и кодировать для одного человека, тогда моим следующим вариантом будет использование Google Maps. Теперь я знаю, что Карты Google не имеют самых современных изображений, поэтому мне было интересно, можно ли настроить все свои собственные маркеры и, возможно, изображения мест, если их нет в Google?

Результат - пользовательская карта, которая чем-то напоминает карту Google Maps, только без хлопот самих Google Maps, и если бы была возможность поиска карты с использованием Google Maps в качестве последнего средства, я бы не хотел, чтобы результаты поиска что-либо отображали. но места в черте города.

Или я должен просто использовать DreamWeaver, чтобы выделить карту, каждая из которых ссылается на соответствующие данные о местоположении?

Это похожие примеры, которые я нашел, но большинство из них просто наводят и нажимают, но ничего больше. http://davidlynch.org/projects/maphilight/docs/demo_usa.html

http://exploregooglemaps.blogspot.com.br/p/resources.html


person Weird Mike    schedule 09.02.2013    source источник


Ответы (1)


для этого есть отличный плагин jvectormap :

http://jvectormap.com/

он очень легкий и кросс-браузерный (vml используется для поддержки не svg) и очень легко расширяемый (что лучше, чем иметь плагин, полный опций, которые вам не нужны, здесь он имеет минимум затем вы добавляете то, что вам нужно) через щелчок, при наведении указателя мыши на обратный вызов, чтобы начать, и этого должно быть достаточно для большинства случаев.

легкий, если вы правильно конвертируете карту (максимально ограничьте уровень детализации). теперь преобразование векторной карты для использования плагином может быть сложным, но об этом есть вики:

https://github.com/datag/jvectormap/wiki/Map-converter-notes

я отредактировал часть вики об использовании программного обеспечения ГИС в Ubuntu. использование SAGA-GIS было действительно спасением и хорошей возможностью научиться публиковать любую карту для плагина в кратчайшие сроки.

Я добавлю, что я протестировал любую карту из anychart и fusionmap из fusioncharts, и что imo jvector является победителем без каких-либо соревнований по кросс-браузерности/простоте настройки/гибкости/пропускной способности/эффективности выполнения... и, что не менее важно, это свободно !

person mikakun    schedule 09.02.2013
comment
Мне, как автору jVectorMap, очень приятно читать этот комментарий. Благодарю вас! - person bjornd; 10.02.2013
comment
Я также хотел бы добавить, что недавно я выпустил альфа-версию инструмента, который можно использовать для преобразования карт для jVectorMap из простых файлов SVG. Здесь это svgto.jvectormap.com. - person bjornd; 10.02.2013
comment
Я также использовал jVectorMap для создания карты города с выводом здесь anshumania.github.io/delhi-map и примечаниями, чтобы сделать то же самое для любого города здесь anshumania.github.io/delhi-map/howtocreate.html - person sunny; 25.10.2013