I have custom controls on my map with this tutorial .html#CustomDrawing

how can I create input boxes with something similar to this, so I could pass user input values e.g. numbers to my javascript for further use?

I have custom controls on my map with this tutorial http://code.google./apis/maps/documentation/javascript/controls.html#CustomDrawing

how can I create input boxes with something similar to this, so I could pass user input values e.g. numbers to my javascript for further use?

• javascript
• google-maps-api-3
• custom-controls

Share Improve this question Follow edited Sep 23, 2011 at 11:21 asked Sep 23, 2011 at 11:15 user494461user494461

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2 +50

It isn't that different to add inputs, buttons or labels instead of divs.

I put together an example on jsfiddle.

If you want to create custom controls that happen to be input buttons, it works in a manner very similar to the way in the link you've posted. Instead of a div, you'll need to make an input.

The code would look something like this:

//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);

As you've already mentioned, the tutorial should cover most of the issues you're encountering, you just need to ensure that you create an input element and get values from that.