創建按鈕點擊事件（谷歌地圖）

我正在使用嵌入在我的網頁上的Google地圖。我想要的是創建一個按鈕點擊事件，所以當用戶輸入一個名爲txtBoxMaps的文本框後，他們可以點擊一個按鈕來顯示新的位置。我嘗試使用：google.maps.event.addDomListener（窗口，'點擊'，初始化）;但它似乎沒有做任何事情。創建按鈕點擊事件（谷歌地圖）

這裏是我下面的代碼：

<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>

來源

2013-08-28 user2710966

你需要看的文檔[地理編碼]（https://developers.google.com/maps/documentation/javascript/geocoding）和[addDomListener]（https://developers.google.com/maps/documentation/javascript/events#DomEvents），不知道爲什麼你要聽窗口上的'點擊'事件，可能按鈕會更好。 – geocodezip

你的「按鈕」在哪裏？ – Tricky12

你需要把監聽器上的按鈕，然後在該點獲得在該領域的價值，像這樣，使用您的代碼： 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); 
    } 
    });

參見文檔上的地理編碼的位置：https://developers.google.com/maps/documentation/javascript/geocoding

來源

2013-08-28 18:17:02

創建按鈕點擊事件（谷歌地圖）

回答

相關問題