Zone de coordonnées gps

Télécharger le projet
Commenter

Description

comme son nom l'indique la source sert a afficher une zone de coordonnées gps, pour ce faire on doit indiquer les position gps gauche droite haut bas de la zone a afficher ensuite on fait un conversion par un produit en croix entre la taille de la zone gps et la taille du div ou est affiché la carte.

pour le reste c'est le script qui s'en charge.

apres plusieur teste j' ai remarqué des decalages que je n'ai pu corrige j'ai dans l'idee que ce soi du au fait que la terre est une boule et qu'une carte ne prend pas c'ette specificité elle s'adapte au mieux. si quelle a une meilleur explication ? A creuser. par contre plus la zone est restreinte plus la precision est bonne pour une ville par exemple la precision est tre bonne.

mise en place:

on declare le ou les fichiers json contenant les coordonnées affiché 

<script src="res/paris.json"></script>


on declare la fonction qui contient les option d'affichage d'une carte et qui sera lancer apres le chargement de la page, il est possible d'en mettre plusieurs 

 
             <script>

     addEventListener('load',function(){

      var donnee = {
       id_conteneur: 'contenu',
       point_lon_gauche: -4.795972,  // coordonné la plus a gauche
       point_lon_droit: 8.23244,  // coordonné la plus a droite
       point_lat_haut: 51.08792,  // coordonné la plus en haut
       point_lat_bas: 42.333534,  // coordonné la plus en bas
       obj_json: fr,     //le nom de l'objet json contenant les donnés gps ainsi que le nom du lieux a afficher.
       class_point: "coordoz_point", // la class css pour le rendu des points
       posi_boutton: true    // au cas ou l'on veut afficher la position courante
      }

      inst = new coordoz(donnee)
      
      var donnee = {
       id_conteneur: 'contenu5',
       point_lon_gauche: 2.25174041,
       point_lon_droit: 2.416556792,
       point_lat_haut: 48.901231863,
       point_lat_bas: 48.815944111,
       obj_json: paris,
       class_point: "coordoz_paris",
       posi_boutton: false
      }

      inst_paris = new coordoz(donnee)

     },false);
     
    </script>


format d'un fichier json

il s'agit d'un tableau d'objet contenant le nom la latitude et la longitude 

var fr=[
    {
        "nom": "Paris", 
        "latitude": "48.8566", 
        "longitude": "2.3522", 
    }, 
    {
        "nom": "Nice", 
        "latitude": "43.7034", 
        "longitude": "7.2663", 
    }
    }
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (@karamel)