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

Javascript 如何使用自定义控件在谷歌地图中获取用户输入?,javascript,google-maps-api-3,custom-controls,Javascript,Google Maps Api 3,Custom Controls,在本教程中,我的地图上有自定义控件 如何使用类似的东西创建输入框,以便将用户输入值(例如数字)传递给我的javascript以供进一步使用?如果要创建恰好是输入按钮的自定义控件,其工作方式与您发布的链接中的方式非常相似。您需要输入而不是div 代码如下所示: //create your control HTML var controlDiv = document.createElement('DIV'); var controlInput = document.createElement('

在本教程中,我的地图上有自定义控件


如何使用类似的东西创建输入框,以便将用户输入值(例如数字)传递给我的javascript以供进一步使用?

如果要创建恰好是输入按钮的自定义控件,其工作方式与您发布的链接中的方式非常相似。您需要输入
而不是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
元素并从中获取值。

添加
输入
按钮
标签
而不是
divs
,没有什么不同

我整理了一份报告