Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建按钮点击事件(谷歌地图)_Javascript_Google Maps_Button_Mouseclick Event - Fatal编程技术网

Javascript 创建按钮点击事件(谷歌地图)

Javascript 创建按钮点击事件(谷歌地图),javascript,google-maps,button,mouseclick-event,Javascript,Google Maps,Button,Mouseclick Event,我正在使用嵌入在我网页中的谷歌地图。我想要的是创建一个按钮点击事件,这样当用户在一个名为txtBoxMaps的文本框中输入地址后,他们就可以点击一个按钮来显示新的位置。我试着使用:google.maps.event.addDomListener(窗口,'click',Initialize);但它似乎没有任何作用 下面是我的代码: <script type="text/javascript"> function Initialize() { var mapOptions = {

我正在使用嵌入在我网页中的谷歌地图。我想要的是创建一个按钮点击事件,这样当用户在一个名为txtBoxMaps的文本框中输入地址后,他们就可以点击一个按钮来显示新的位置。我试着使用:google.maps.event.addDomListener(窗口,'click',Initialize);但它似乎没有任何作用

下面是我的代码:

<script type="text/javascript">

function Initialize() {

var mapOptions = {
            center: new google.maps.LatLng(-33.01, 27.9),
            zoom: 13,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('GMap1'), mapOptions);

        var input = document.getElementById('txtBoxMaps');

        });

    }

    google.maps.event.addDomListener(window, 'load', Initialize);



</script>



<input type="text" id="txtBoxMaps"/>

        <div id="GMap1" style="height: 240px; width:570px" ></div>

函数初始化(){
变量映射选项={
中心:新google.maps.LatLng(-33.01,27.9),
缩放:13,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById('GMap1'),mapOptions);
var input=document.getElementById('txtBoxMaps');
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);

您需要将侦听器置于按钮上,然后使用您的代码在该点获取字段中的值,如下所示:
var input=document.getElementById('txtBoxMaps').value

此时,您可以对该地址进行地理编码,并将地图中心设置为新位置

function getGeocode() {
  var input = document.getElementById("txtBoxMaps").value;
  geocoder.geocode( { 'address': input}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
    }
  });

请参阅此处有关地理编码的文档:

您需要查看的文档,不确定为什么要侦听窗口上的“单击”事件,可能按钮会更好。您的“按钮”在哪里?