begin process at 2010 03 18 15:30:48
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Navigation

 > GEOLOCALISATEUR

GEOLOCALISATEUR




 Description

Cliquez pour voir la capture en taille normale
Cette application est un géolocalisateur basé sur l'API googlemaps et la librairie dojo (0.4.1).

Fonctions principales :

- Conversion d'adresse textes en coordonnées géographiques
- Création, déplacement et suppression de marqueurs sur la carte
- Édition des propriétés des marqueurs
- Tri des marqueurs
- Chargement de listes de marqueurs d'adresses
- Chargement d'une liste des pays geolocalisés
- Contrôles personnalisés sur la carte (Zoom par click, Zoom séléctif, etc...)
- Minimap dans l'infobulle
- Clustering de marqueurs
- Cache applicatif
- Option de l'application configurables
- Support étendu des actions souris (double click, molette, etc..)
- Navigation par onglets ou fullscreen
- Tooltip sur marqueurs
- Système de propositions en cas de réponse multiples du géocodeur
- Système de liste de suggestions lors de la saisie d'adresses
- Aide (symbolique)

Fonctions expérimentales (désactivés mais plus ou moins présents dans les sources) :

- Système de sauvegarde javascript
- Calcul de distances
- Double Map : Navigation par double Map

Source

  • installation :
  • Cette application nécessite un serveur HTML (apache ou autre) et répond sur l'adresse http://localhost/Ajax/Geoloc/geoloc.html
  • (La clé fournit dans le pack est codée pour cette adresse)
  • Arborescence d'installation :
  • --> www
  • --------> Ajax
  • --------------> dojoAjax (répertoire contenant le fichier dojo.js et les sources de la librairie)
  • --------------> Geoloc (répertoire de l'application)
  • ----------------------> Geoloc.html (finchier de l'application)
  • ----------------------> datas (répertoire contenant les fichiers de données)
  • ----------------------> htm (répertoire contenant les fichiers de textes)
  • ----------------------> style répertoire contenant les fichiers de styles)
  • ----------------------> util (répertoire contenant les fichiers sources)
  • Testé avec IE, FF, Opera, Safari
  • Pour tenir en 1 Mo l'application a été compressée au format tgz puis au format zip.
installation :

Cette application nécessite un serveur HTML (apache ou autre) et répond sur l'adresse http://localhost/Ajax/Geoloc/geoloc.html
(La clé fournit dans le pack est codée pour cette adresse)

Arborescence d'installation :

--> www
--------> Ajax
--------------> dojoAjax (répertoire contenant le fichier dojo.js et les sources de la librairie)
--------------> Geoloc (répertoire de l'application)  
----------------------> Geoloc.html (finchier de l'application)
----------------------> datas (répertoire contenant les fichiers de données)
----------------------> htm (répertoire contenant les fichiers de textes)
----------------------> style répertoire contenant les fichiers de styles)
----------------------> util (répertoire contenant les fichiers sources)

Testé avec IE, FF, Opera, Safari
Pour tenir en 1 Mo l'application a été compressée au format tgz puis au format zip.

 Conclusion

Application clé en main qui fonctionne avec la clé fournie du moment que vous respectez l'arborescence d'installation indiquée et que vous mettez en route un serveur HTML en local)

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • geoloc.tgzTélécharger ce fichier [Réservé aux membres club]1 025 484 octets

Télécharger le zip


 Sources de la même categorie

Source avec Zip EMULATION DE $_GET() DU PHP par jchan
Source avec Zip ACCESSIBARRE - AMÉLIORER LE CONFORT DES PERSONNES NON-VOYANT... par Pfuch
Source avec Zip CLASS BARRE DE DÉFILEMENT (SCROLLBAR) JAVASCRIPT par TheWeasel47
Source avec une capture TAILLEFONTE par tiger222
Source avec Zip Source avec une capture MOTEUR DE RECHERCHE SANS PHP par jdmcreator

 Sources en rapport avec celle ci

Source avec Zip CHANGEMENT DE COULEUR SUR CARTE DE FRANCE par librepierre
Source avec Zip Source avec une capture [JEUX] SIMULATEUR DE POKER EN AJAX par Allan007
Source avec Zip Source avec une capture CARTE DE FRANCE par vincent2222
Source avec Zip Source avec une capture GESTIONNAIRE DE CONTACTS LOCALISÉS SUR UNE CARTE GOOGLE MAP par nacedo57400
Source avec Zip Source avec une capture JEU DE POKER LOCK par GhislainLavoie

Commentaires et avis

Commentaire de AlexN le 28/12/2008 15:13:20

une erreur de nom dans le fichier: "Geoloc.html" du répertoire "Ajax\Geoloc".
En ligne 70, remplacer: src="util/elabels.js" par src="util/elabel.js" (PAS DE s A: elabel)

Commentaire de vassan le 08/06/2009 12:03:44

Merci pour ton tutoriel, il m'intéresse beaucoup car je travail sur un projet de webmapping et ça m'à l'air très intéressant. Je voudrais beacoup plus d'explication, sur son installation et sa manipulation. J'utilise Wampserver et il possède un dossier www oubien je doit l'intaller dans mon un dossier www de mon serveur apache?
Merci bien.

Commentaire de AlexN le 09/06/2009 20:41:03

Salut,

C'est une application Web écrite uniquement en javascript.
Pour l'installer, tu recrées l'arborescence telle qu'elle est décrite. Cela peut être un serveur de test local ou un serveur de production.
La seule chose qu'il te faut c'est une clé googlemaps qui corresponde à l'url de déploiement. Celle fournie dans le pack permet d'installer une version locale répondant à l'url http://localhost/Ajax/Geoloc/geoloc.html.

Commentaire de vassan le 11/06/2009 17:45:26

merci pour ta réponse,

J'ai suivi tout ce que tu as dit , mais en local , je n'ai rien.Quand je clique sur le lien qui est dans le dossier géoloc, j'ai l'interface mais je ne peux rien faire d'autre.

Je compte mettre mon site en ligne, pourrais-tu m'expliquer ce qu'il faut faire pour que cette application marche en ligne. J'ai déjà une clé googlemaps.
Merci à toi.

Commentaire de AlexN le 11/06/2009 21:30:20

"Je clique sur le lien..."

Que fais tu ? Tu ouvres l'explorateur de fichiers windows, tu vas dans le répertoire où se trouve le fichier geoloc.html et tu cliques dessus ?
Si dans la barre d'adresse du navigateur tu as quelquechose comme "files:///wamp/www/Ajax/Geoloc/geoloc.html", ce n'est pas comme ça qu'il faut lancer l'application. Il faut ouvrir un navigateur web (firefox ou autre) et taper l'url "http://localhost/Ajax/Geoloc/geoloc.html" dans la barre d'adresse, puis appuyer sur la touche "Entrée".

Pour ce qui est d'utiliser les clés googlemaps, je te conseille de lire la documentation fournit par google.

Commentaire de wafaDev le 17/11/2009 15:46:38

Salut!!

ALEXN merci pour cette application. Mais j'ai deux petites questions (Désolée de t'embêter):
- Supposons que je veuille changer de clé, elle serait où dans le pack ?
- Pour installer l'application, il faut recrées l'arborescence dont tu parles sous le disque c: ? sous un des dossiers du serveur?

Commentaire de AlexN le 21/11/2009 09:08:41

Salut,

La clé se change dans le fichier GeoMap.js du répertoire util, au tout début de la définition de la classe GeoMap, là où c'est marqué : the Google API key mechanism sucks.

Il faut recréer l'arborescence du pack uniquement si tu utilises la clé fournie. Maintenant tu peux fournir une autre arborescence, du moment que la clé que tu utilises est configurée pour répondre à l'url correspondante.

'Tention ! Les clés GoogleMaps ne répondent que sur des noms de domaine valides. "http://localhost/MonAppli/MaCarte.html" ou "http://MonDomaine/MonAppli/MaCarte.html" en sont 2 exemples valides, "c://www/MonAppli/MaCarte.html" n'en est pas une. C'est pour ça qu'il faut un serveur http, pour simuler une requête sur un nom de domaine valide, tout en faisant son dev en local. Mais tu peux aussi installer l'application chez un hébergeur, auquel cas ta clé devra être configuré pour répondre à l'url fourni par celui ci pour ton domaine.

Commentaire de wafaDev le 23/11/2009 11:29:43

Salut,
Merci pour ta réponse!

Commentaire de aymenvitchenti le 09/03/2010 00:00:12

salut,je suis un étudiant ,il m'intéresse beaucoup ce travail sur mon projet fin d'etude
je veut importer cette application dans eclipse pour ajouter des fonctionalite comme consulter des engin en temps reel et une gestion d'engin
mais il ya un probleme avec cette arborescence
et eclipse ne compile pas les .js

Commentaire de AlexN le 09/03/2010 00:22:25

Salut,

C'est une application javascript, pas une application java.
Il n'y a rien a compiler.
Tu installes l'application où tu veux sur un serveur web.
Tu modifies les fichiers. Utilises un éditeur web (Aptana ou autre, Eclipse si tu veux).
Puis tu testes tes modifications depuis un navigateur.

Commentaire de aymenvitchenti le 16/03/2010 01:28:02

Merci pour ta dernière réponse
je veut charger la liste des marqueurs d'une base de donnée et je ne trouve pas le code de chargement des marqueurs

Commentaire de AlexN le 17/03/2010 20:29:49

Les marqueurs sont chargés depuis le fichier datas/marqueurs.json

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Map, carte comme Google Maps [ par rivsc ] correspondance entre résolution DPI et echelle carte 1/25000 [ par collines58 ] Bonjour,je suis un simple amateur qui essaie de calculer au mieux des parcours de randonnée pédestre. Je ne suis peut être pas sur le bon site qui pui 2 plans d'accès google maps sur la même page [ par Ludococo20 ] Bonjour à tous,je viens de suivre le tuto afin d'intégrer un plan d'accès google maps sur mon site. Tout c'est très bien passé. Or je vo API Google Maps Villes et Communes [ par mastertom ] Bonjour,Cela fait déjà 6 mois que je travaille sur un site (qui n'est pas encore en ligne) où l'on peut créer des projets, voter pour ces projets et o carte de france [ par elmomo42 ] Bonjour,La petite débutante que je suis sollicite votre aide.En effet je souhaiterai intégrer une carte de france sur mon site, en html si possible, a Tracking via Google Maps [ par Tipatt ] Bonjour !J'ai un problème que je n'arrive pas à résoudre. Je dispose d'un simulateur de mobiles virtuels (qui génère des coordonnées (latitude-longitu javascript géolocalisation sur mobile [ par progguerrier ] bonjour,je cherche un script qui me permet de me connecter à un gps pour récupérer les coordonnées d'une position (latitude et longitude) en temps rée [BAR]Ajouter une carte sur un site [ par MartinM29 ] Bonjour a tout le monde. Je poste ici parce que je ne sais pas ou vraiment faire. Excuse moi. Je suis a la recherche d'une carte de la France (avec debutant en web [ par abdellah123 ] salut, je suis un jeune homme débutant en programmation et je suis actuellement en stage oui ils m'ont demandé de créer un site en php et j'ai besoin Recupération d'une adresse d'établissement pour google maps [ par math567 ] Bonjour, Je souhaiterai récupéré dans une variable javascript le contenu de la valeur d'un champ pour l'utiliser afin de situer le lieu d'un établisse


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,562 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales