2013-03-12 3 views
-2

Я делаю веб-приложение, связанное с картой, используя карту google api v3. Теперь у меня есть набор текстовых полей на боковой стороне карты, как показано ниже. Красные пользователи могут добавить столько, сколько захотят, ссылаясь на путевые точки.Получите onclick информацию, используя google map api v3

enter image description here

Теперь я хотел бы сделать что-то похожее на Google Maps, где, когда пользователь щелкает на карте, или определенной точки интереса, некоторые данные, относящиеся к точке будет отображаться в текстовом поле в котором курсор будет.

Любые идеи, как я могу выполнить такую ​​задачу?

+0

Это проблема, не вопрос. Читайте: https: //developers.google.com/maps/documentation/javascript/events и задавайте вопросы, связанные с конкретной задачей. Через javascript установите событие onlcik, соберите данные с интересующей точки, выполните вычисления и добавьте ответ на свой ящик через javascript. – Andrew

+0

Нажмите событие карты. Я знаю, как это сделать. Я не знаю, как вводить данные в текстовое поле, в котором находится курсор. –

+0

Но как я узнаю, в каком текстовом поле? –

ответ

0

Каждое текстовое поле должно иметь идентификатор. Когда ваше событие срабатывает, функция триггера

<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> 
Смежные вопросы