Suite

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


Je souhaite créer une visualisation sur le Web semblable à la suivante : http://namemapper.babynamewizard.com/namemapper/

Existe-t-il de bonnes bibliothèques pour faire cela ? OpenLayers est-il suffisamment léger pour gérer plusieurs cartes à la fois ?


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). Elles 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.


OpenLayers peut être utilisé pour de nombreuses cartes statiques ; Dans le passé, j'ai créé jusqu'à 200 cartes sur une seule page sans pénaliser les performances, 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 tuiles 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 calques et de contrôles, ainsi que des options telles que "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 pour lesquelles vous ne mettez pas en cache toutes vos données de tuile ou ne travaillez pas avec des données vectorielles, l'utilisation d'une seule demande d'image vers un serveur de carte quelconque 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.


HTML peut être utilisé pour créer des cartes statiques simples sans aucun élément côté serveur comme un WMS ou des bibliothèques côté client comme OpenLayers. Utilisez une image raster de la zone de la carte en combinaison avec les balises HMTL carte et surface, le dernier avec l'attribut façonner réglé sur « poly ». Vous devrez donner les coordonnées cartographiques de la bordure par rapport au coin supérieur gauche de l'objet cartographique. En outre, des événements comme survoler la souris ou alors sur clic sont pris en charge.

  • Carte HTML (w3schools.com)
  • Images cliquables côté client : les éléments MAP et AREA (Recommandation W3C)

ÉDITÉ LE 2010-09-26 01:25 CET : Un exemple de carte d'image HTML peut être trouvé sur « iCITA : Exemple de carte d'image »