Qu'est-ce qu'une bonne bibliothèque pour afficher de nombreuses petites cartes sur une page Web

Réponses:

8

En fait, vous n'avez pas besoin d'OpenLayers - ou de toute autre bibliothèque - pour les petites cartes (comme celles en haut de votre exemple). Ils sont purement statiques (pas de panoramique / zoom / etc) et peuvent donc être de simples images affichant la réponse d'un serveur de carte de votre choix.

obscur
la source
7

OpenLayers peut être utilisé pour de nombreuses cartes statiques; Dans le passé, j'ai créé jusqu'à 200 cartes sur une seule page sans pénalité de performance énorme, tant qu'il s'agit de cartes simples. De nombreux sites ont utilisé de petites cartes OpenLayers statiques pour créer des cartes simples, car ils peuvent alors utiliser le même ensemble de mosaïques d'images qu'ils utilisent pour de nombreuses autres cartes sur leurs sites.

Lorsque vous utilisez OpenLayers comme celui-ci, je recommande d'utiliser un nombre limité de couches et de contrôles, ainsi que des options comme "buffer: 0" pour limiter le nombre de tuiles chargées. Votre objectif devrait être de minimiser le nombre d'éléments DOM créés par OpenLayers, car ce sera le principal goulot d'étranglement des performances pour le chargement de votre page ou application.

Pour les applications où vous ne pré-mettez pas en cache toutes vos données de tuiles, ou ne travaillez pas avec des données vectorielles, l'utilisation d'une seule demande d'image à un serveur de carte peut être un meilleur choix. Si vous travaillez avec des données en mosaïque ou si vous souhaitez utiliser des données vectorielles rendues par le client, OpenLayers est une option raisonnable pour résoudre le cas d'utilisation.

Christopher Schmidt
la source
4

Le HTML peut être utilisé pour créer des cartes statiques simples sans aucun truc côté serveur comme un WMS ou des bibliothèques côté client comme OpenLayers. Utilisez une image raster de la zone de carte en combinaison avec la carte et la zone des balises du HMTL , la dernière avec la forme d' attribut définie sur «poly». Vous devez donner les coordonnées de la carte de la frontière par rapport au coin supérieur gauche de l'objet de la carte. En outre, des événements comme onmouseover ou onclick sont pris en charge.

MODIFIÉ LE 26/09/2010 01:25 CET: Un exemple de carte image HTML peut être trouvé sur ' iCITA: Exemple de carte image '

dariapra
la source