如何使用自定义控件在谷歌地图中获取用户输入？答案

【问题标题】：how to get a user input in google maps using custom controls?如何使用自定义控件在谷歌地图中获取用户输入？
【发布时间】：2011-09-23 11:15:25
【问题描述】：

通过本教程，我的地图上有自定义控件 http://code.google.com/apis/maps/documentation/javascript/controls.html#CustomDrawing

如何创建与此类似的输入框，以便我可以传递用户输入值，例如将数字添加到我的 javascript 中以供进一步使用？

【问题讨论】：

标签： javascript google-maps-api-3 custom-controls

【解决方案1】：

添加inputs、buttons 或labels 而不是divs 并没有什么不同。

我整理了一个example on jsfiddle。

【讨论】：

【解决方案2】：

如果您想创建恰好是输入按钮的自定义控件，它的工作方式与您发布的链接中的方式非常相似。您需要创建 input，而不是 div。

代码如下所示：

//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 元素并从中获取值。

【讨论】：