Как получить пользовательский ввод в Google Maps с помощью пользовательских элементов управления?

Question

У меня есть пользовательские элементы управления на карте с этим уроком http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomDrawing

как я могу создать поля ввода с чем-то похожим на это, чтобы я мог передавать значения ввода пользователя, например числа, в свой JavaScript для дальнейшего использования?

Answer 1

Нет ничего особенного в том, чтобы добавить inputs, buttons или labels вместо divs.

Я собрал пример на jsfiddle .

Answer 2

Если вы хотите создать пользовательские элементы управления, которые бывают кнопками ввода, это работает так же, как и в опубликованной вами ссылке.Вместо div вам нужно создать input.

Код будет выглядеть примерно так:

//create your control HTML
var controlDiv = document.createElement('DIV');

var controlInput = document.createElement('INPUT');
controlInput.name = "inputName";
controlInput.type = "text";
controlDiv.appendChild(controlInput);

//create your control javascript (e.g. any handlers that you need)
var myControl = MyControl(controlDiv)

//add the control to your map
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(controlDiv);

Как вы уже упоминали, учебник должен охватыватьДля большинства проблем, с которыми вы сталкиваетесь, вам просто нужно убедиться, что вы создали элемент input и получили от него значения.