Script php : comment convertir un point GPS en coordonnées X,Y

Fermé
reunionbysat Messages postés 1 Date d'inscription samedi 26 janvier 2013 Statut Membre Dernière intervention 26 janvier 2013 - 26 janv. 2013 à 19:17
dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 - 27 janv. 2013 à 14:22
Bonsoir,

Voilà mon problème : j'ai un site internet, je souhaite placer des points gps de la trajectoire d'un cyclone sur une carte person sur l'océan indien, plus précisément vers la Réunion (la carte se trouve ici : http://reunionbysat.com/test/carte.png ). Je n'arrive pas à trouver la solution suivante : à partir de cette carte, placer les points GPS d'un cyclone en overlay en convertissant les coordonnées gps du cyclone (exemple 16 sud et 65.5 est) et ainsi de suite. Je sais lier chaque point entre eux par une ligne et donc créer une trajectoire. Il me manque juste le script pour calculer et convertir les points gps en coordonnées x y. Pouvez-vous m'aider à partir de ma carte ? Merci ! Je sais qu'il faut surement configurer chaque coin de ma carte en point gps (exemple : 0,0 correspond aux points gps etc...). je suis perdu, ca fait longtemps que j'essaie de trouver mais rien avec une carte perso )

A voir également:

1 réponse

dwieser Messages postés 225 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 29 janvier 2013 9
Modifié par dwieser le 27/01/2013 à 14:25
bonjour,

je ne connais pas le calcul
mais je te donne un truc ou j'ai travaille dessus pour x et y avec mouvement de l'objet en un temps donné

movement.js
var sprite  
var x, y; 
var z1 = 141; 
var z2 = 167; 
function init() 
{ 
sprite =  document.getElementById("sprite"); 
setInterval("moveSprite(0.3,0.5)", 10); //La je crois x , y,   et 10 c'est 10 millièmes de seconde 
//1000 = 1 seconde  
} 

function moveSprite(dx, dy) 
{ 
x =  parseFloat(sprite.style.left); 
y =  parseFloat(sprite.style.top); 
x1 = x + dx; 
y1 = y + dy; 

//deplacement de la balle nouvelle position 
sprite.style.left = x1 + "px"; 
sprite.style.top = y1 + "px"; 

//description de la position 
var output = document.getElementById("output"); 
output.innerHTML = "x: " + x1 + " , y: " + y1 ; 

x2 = x - z1; 
y2 = y - z2; 

var output2 = document.getElementById("output2"); 
output2.innerHTML = "x2: " + x2 + " , y2: " + y2 ; 

} 



index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>movement.html</title> 

<link rel = "stylesheet" type = "text/css" href = "movement.css" /> 

<script type = "text/javascript" src = "movement.js"> 
</script> 

</head> 

<body onload = "init()">  

<!--<h1>cliquer sur les boutons pour deplacer l/'image</h1>--> 


<img id="tf" src="plan.png"  
style="position: absolute; top: 200px; left: 150px; height : 1000px; width: 1000px;"  
onmousedown='sp(event,this)'  
onmouseup="sp();"> 


<img id ="sprite" 
src = "marker_bleu.png" alt = "image"  
style = "position:absolute; 
top : 167px; 
left : 141px; 
height : 33px; 
width : 36px;" 
onmousedown='sp(event,this)'  
onmouseup="sp();"/> 


<!-- 
<form action="" id="controls"> 
<fieldset> 
<button type="button" onclick =  "moveSprite(-5, 0)"> 
gauche 
</button> 
<button type="button" onclick =  "moveSprite(5, 0)"> 
droite 
</button> 
</fieldset></form> 
<p id ="output"> 
x = 0, y = 0 
</p> 
<p id ="output2"> 
x2 = 0, y2 = 0 
</p> 
--> 
</body> 
</html> 

Moi je plante et toi tu creuses !!!
0