11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous, messieurs les touche-à-tout !

En gros, voici l'idée : intégrer un moteur de recherche (ou un menu déroulant au pire), et faire en sorte que le résultat fasse apparaître un curseur sur une carte, précisant que telle ou telle ville se trouve ici ou là. Quand il existe près de 250 villes, il me semble plus pratique d'indiquer directement à l'usager où celle recherchée se trouve. Enfin, cliquer sur le curseur nouvellement apparu ferait apparaître un pop-up (ou info-bulle ?) avec certaines données le concernant.

Actuellement, j'ai réalisé une page avec les moyens du bord : menu déroulant avec les noms des villes, cliquer dessus revient à faire apparaître l'une des centaines de cartes enregistrées avec la zone correspondante colorée. Ca n'a rien de pratique ni de très esthétique...

Plus précisément, j'ai essayé de passer par le Javascript (ne connaissant rien en Flash) et ait récupéré un code qui demande d'inscrire les coordonnées et d'appuyer sur un bouton afin qu'une image se positionne sur la page :

<head>
<script type="text/javascript">
function deplacer(){
document.getElementById("monImage").style.top=document.position.posY.value;
document.getElementById("monImage").style.left=document.position.posX.value;
}
</script>
</head>

<body>
<img src="test.jpg" id="monImage" style="position:absolute;" />
<form name="position">
X : <input type="text" name="posX" size="4">
Y : <input type="text" name="posY" size="4">
<input type="button" value="Déplacer" onClick="deplacer()" />
</form>
</body>


C'est une avancée, mais serait-il possible de l'adapter afin de rentrer seulement un nom dans un champ, appuyer sur le bouton et avoir l'image qui se positionne en référence à ce nom ? On peut imaginer, je suppose, que les coordonnées seraient pré-enregistrée dans un fichier ?

Merci d'avance pour vot' coup de main ! Smiley lol
Salut,

La description de ton application correspond exactement a ce que l'on peut faire avec google map, en utilisant cette application tu disposerais non seulement des fonctions que tu décrit mais en plus des tracés routiers, du zoom, du déplacement...

Tu peux tout à fais créer ce genre de carte comme utilisateur et l'intégrer dans ton site, ou bien si tu cherches quelque chose de plus complexe utiliser leur API.