Что такое хорошая библиотека для отображения множества маленьких карт на веб-странице

Ответы:

8

На самом деле, вам не нужны OpenLayers - или любая другая библиотека - для маленьких карт (как те, что в верхней части вашего примера). Они являются чисто статическими (без панорамирования / масштабирования и т. Д.) И, следовательно, могут быть простыми изображениями, отображающими отклик выбранного вами картографического сервера.

Подземье
источник
7

OpenLayers можно использовать для многих статических карт; Раньше я создавал до 200 карт на одной странице без огромного снижения производительности, при условии, что они простые карты. Многие сайты использовали небольшие статические карты OpenLayers для создания простых карт, потому что тогда они могут использовать тот же набор плиток изображений, который они используют для многих других карт на своих сайтах.

При использовании OpenLayers, подобных этому, я рекомендую использовать ограниченное количество слоев и элементов управления, а также такие параметры, как «buffer: 0», чтобы ограничить количество загружаемых плиток. Ваша цель должна заключаться в том, чтобы свести к минимуму количество элементов DOM, создаваемых OpenLayers, поскольку это станет основным узким местом производительности при загрузке вашей страницы или приложения.

Для приложений, в которых вы не выполняете предварительное кэширование всех своих данных листов или не работаете с векторными данными, лучше использовать один запрос изображения на картографическом сервере. Если вы работаете с мозаичными данными или хотите использовать векторные данные, отображаемые клиентом, OpenLayers - разумный вариант для решения варианта использования.

Кристофер Шмидт
источник
4

HTML может использоваться для создания простых статических карт без каких-либо серверных вещей, таких как WMS или клиентских библиотек, таких как OpenLayers. Используйте растровое изображение области карты в сочетании с картой и областью тегов HMTL , последнее с формой атрибута, установленной в 'poly'. Вам нужно будет указать координаты карты границы относительно верхнего левого угла объекта карты. Кроме того, поддерживаются такие события, как onmouseover или onclick .

EDITED ON 2010-09-26 01:25 CET: пример карты изображений в формате HTML можно найти в разделе « iCITA: Пример карты изображений »

dariapra
источник