begin process at 2012 05 27 16:36:30
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Navigation

 > GEOLOCALISATEUR

GEOLOCALISATEUR


 Information sur la source

Note :
8 / 10 - par 1 personne
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Navigation Classé sous :géolocalisation, géolocalisateur, carte, googlemaps, maps Niveau :Expert Date de création :19/12/2008 Vu / téléchargé :9 075 / 937

Auteur : AlexN

Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (20)
Ajouter un commentaire et/ou une note


 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 Source avec une capture ANTI-ROBOTS V 1.0 par MacGaliver
Source avec une capture PRÉSENTOIR PAGE/SUJET par tiranus
Source avec Zip Source avec une capture NAVIGATEUR INTERNET HAVRET par HAVRETos
Source avec Zip WMANAGER.JS : GÉRER LES FICHIERS WMA AVEC WINDOWS MEDIA PLAY... par jdmcreator
Source avec Zip Source avec une capture NAVIGATION PAR AJAX, CHARGEMENT DES PAGES SANS RECHARGEMENT par zulrigh

 Sources en rapport avec celle ci

Source avec Zip 20 ASTUCES POUR PROGRAMMEURS JAVASCRIPT AVANCÉS par jdmcreator
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

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

Commentaire de aymenvitchenti le 19/03/2010 01:36:39 8/10

oui se sait qu'ils sont chargés depuis le fichier datas/marqueurs.json.
mais je veut les charger depuis une base de donnée(MYSQL).

Commentaire de AlexN le 19/03/2010 22:18:13

Tu peux le faire en rajoutant une fonction qui les récupère depuis ta base de données.

1) tu ajoutes au géolocalisateur une fonction cliente javascript qui interroge la base de données par l'intermédiaire du programme/script serveur
2) tu crées un programme/script serveur qui répond à cette fonction javascript en lui donnant les marqueurs sous la forme que tu jugeras la plus appropriée (json/xml/csv/etc.)
3) Ne comptes pas sur moi pour faire ton programme à ta place.

Commentaire de aymenvitchenti le 22/03/2010 16:16:16

ok,et merci

Commentaire de aladinba le 17/01/2011 11:41:30

bonjour,
je vous félicite pour cette source elle est bien faite. j'aimerais vous poser une question ...

comment utiliser Gruler , quand on click sur la carte après bien sure avoir clicker sur le bouton Ruler rien ne se passe?
est ce un bug ou est ce que la fonction ne marche pas merci

Commentaire de AlexN le 19/01/2011 20:26:48

Bonjour,

Cette source date un peu, je vais répondre à travers le brouillard de mes souvenirs.
GRuler doit faire parti des composants "expérimentaux" (calcul de distance).
L'intégration de ce composant n'est peut être pas terminée.
Il ne marche peut être pas bien ou pas du tout.

Commentaire de maab le 17/03/2011 07:58:20

bonjour  je veux savoir est ce que je peux intégrer les cordonnées GPS sur votre application

Commentaire de maab le 17/03/2011 08:06:00

bonjour est ce que je peux  connecter  un gps pour récupérer les coordonnées d'une position (latitude et longitude) en temps réel pour l'affichage via google maps sur mobile.

Commentaire de AlexN le 17/03/2011 11:32:48

Bonjour,

Oui c'est possible : http://googlexxl.blogspot.com/2007/07/convertir-coordonnees-gps-dans-google.html

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Map, carte comme Google Maps [ par rivsc ] Intégration fonction geocodage - Api Google Map v3 [ par a44icus ] Bonsoir, J'aimerai intégrer la fonction de géocodage à ma carte google map qui appelle divers marqueur via une base de donnée. J'ai essayé d'intégrer actualiser une carte google map [ par freeb83 ] Bonjour, Voilà je vous expose mon problème. J'ai une page web qui en se chargeant va récuperer un fichier csv(contenant des adresses), l'injecte d Probleme pour afficher un itinéraire api google map [ par sentenzai ] Bonjour, Voici mon problème, je souhaiterais récupérer les coordonnées de longitude et de latitude de l'utilisateur. Puis créer l'itinéraire google m API Google Maps : Ajouter fonction Geogoder [ par a44icus ] Bonsoir, étant débutant en javascript, j'ai récupéré un script me permettant de gérer différents marqueurs sur la map google. J'aimerai intégrer main Google map Pb zindex marker [ par philou8 ] Bonjour, Je tente d'interposer une image entre la carte et un marqueur, ci-dessous un exemple de code très simple. Le z-index de la carte est à 2, de reactualiser sa carte google map [ par gnanzou ] Bonjour à tous. j'aimerais actualiser ma carte google map toutes les 10 s, mais je ne sais pas comment m'y prendre.quelqu'un peut m'aidez? s'il vous Optim Memory + Son [ par Zeorus ] Bonjour, Tout d'abord désolé par avance. Ma question est surement mal placée mais le forum est tellement grand que je ne sais pas vraiment où elle s 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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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,624 sec (4)

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