javascript - how to get a user input in google maps using custom controls? - Stack Overflow

admin管理员组

文章数量:1430622

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.

本文标签： javascripthow to get a user input in google maps using custom controlsStack Overflow