2013-03-12 4 views
-2

Je fais une application web liée à la carte en utilisant google map api v3. Maintenant, j'ai un ensemble de zones de texte sur le côté de la carte, comme indiqué ci-dessous. Les rouges que l'utilisateur peut ajouter autant qu'il le souhaite en se référant aux waypoints.Get onclick information using google map api v3

enter image description here

Maintenant, je voudrais faire quelque chose de similaire à google maps où lorsque l'utilisateur clique sur la carte, ou un point d'intérêt particulier, certaines données relatives au point seraient affichés dans la zone de texte où le curseur sera.

Des idées comment je peux accomplir une telle tâche?

+0

Ceci est un problème, pas une question. Lire: https: //developers.google.com/maps/documentation/javascript/events et poser des questions liées à une tâche particulière. Via javascript définir l'événement onlcik, recueillir des données de point d'intérêt, effectuer des calculs et ajouter une réponse à votre boîte via javascript – Andrew

+0

Cliquez sur l'événement de la carte Je sais comment le faire. Ce que je ne sais pas, c'est comment entrer des données dans une zone de texte particulière où se trouve le curseur. –

+0

Mais comment vais-je savoir dans quelle zone de texte? –

Répondre

0

Chaque zone de texte doit avoir un ID. Lorsque votre événement est déclenché, la fonction de déclenchement

<script> 
var text_to_be_inserted = "sample"; 
function onEvent(){ 
    document.getElementById("textbox_1").value=''; 
    document.getElementById("textbox_2").value=''; 
    if(document.getElementById("textbox_1").focused){ 
     document.getElementById("textbox_1").value=text_to_be_inserted; 
    } 
    else if(document.getElementById("textbox_2").focused){ 
     document.getElementById("textbox_2").value=text_to_be_inserted; 
    } 
    else{ 
     // do nothing 
    } 
} 
</script>