J'ai besoin de créer une carte mondiale interactive sur la première page d'un site, le portail de vue sera d'environ 650x200 pixels. L'interactivité comprendrait les éléments suivants, la souris-sur un pays en survolant (les pays sont littéralement remplis de «rouge», par exemple), ce pays et affiche le nom des pays (de préférence du texte dans une DIV), je vais également relier L'événement de surbrillance avec A qui mettra en évidence un pays lorsqu'il est sélectionné.
J'ai une durée difficile à trouver une solution appropriée, je refuse d'utiliser ou d'apprendre une technologie de propriété telle que Flash, donc ce n'est pas une option. J'ai créé une maquette simple à l'aide d'OpenLayers et une image de carte personnalisée, mais les marqueurs des pays se chargent trop lentement dans IE6.
aussi SVG semble trop grand, car j'ai essayé d'utiliser des raphaeljs, mais l'azedoned l'a abandonné lorsque j'ai réalisé que les données de la carte du monde sont de 1,2 Mo, totalement des Nations Unies acceptables pour la page d'accueil d'un site ..
Je suis vraiment une perte sur la façon dont je vais faire cela, mon dernier recours est de créer manuellement 250+ (mais de nombreux pays il y a) PNGS et appliquer des événements de la sourise aux hotspots de l'image ... mais c'est probablement être une impasse aussi .. Cherche désespérément une solution, tout commentaire utile sera apprécié!
5 Réponses :
Pourquoi réinventer la roue. Graphiques Google le fait déjà.
vous êtes sûr? Je me souviens d'avoir regardé le regard et de ne pas être convaincu, les cartes sont statiques, je ne pense pas pouvoir joindre des événements JS?
Il y a un exemple juste sur la page que j'ai liée à une carte mondiale entièrement interactive.
Hmmm. ok ja je me souviens de voir cela il y a une semaine, je ne m'en souviens pas pourquoi je l'ai laissé tomber, malade de regarder plus profond le matin ... merci encore
Google Graphique a une flexibilité très limitée, toute autre suggestion?
Avez-vous des données de coordonnées pays stockées quelque part?
Si cela met ainsi la configuration de fonctions pour analyser les données transmises et créer plus de 250 chemins ne doit pas être
J'ai les coordonnées de toutes les capitales, j'ai fabriqué de petits marqueurs dans Openlouders, mais c'est trop lent dans IE6 (20% des visiteurs de sites Web), je veux idéalement coller avec des openlouches comme une solution que je l'ai vraiment sauvé sur le La semaine dernière ou deux ...
VML pourrait fonctionner pour ce que vous voulez. Depuis qu'il semble que vous soyez le plus inquiet de IE6
Je suis enfin installé avec Raphael JS, important tous les chemins d'un SVG dans Inkscape, fonctionne incroyablement bien!
Nous avons développé HighMaps , lié à Highcharts , pour résoudre facilement des problèmes de visualisation de données comme celui-ci. Nous fournissons également un Collection de cartes de plus de 350 cartes, optimisée pour que la taille permet de garder les choses légères.
Pour un exemple de forage (chargement de carte plus détaillée sur le clic de souris) Voir Cette démo < / a>.
Highmaps est gratuit pour une utilisation non commerciale.
