如何在javascript中單擊按鈕顯示谷歌地圖？

此代碼google.maps.event.addDomListener(window, 'load', initialize);僅在我重新加載/刷新頁面時運行。但是，我希望它顯示在點擊一個按鈕或當瀏覽器打開頁面？我如何做到這一點如何在javascript中單擊按鈕顯示谷歌地圖？

<script> 
    function initialize() { 
     var chicago = new google.maps.LatLng(41.875696,-87.624207); 
     var mapOptions = { 
     zoom: 11, 
     center: chicago 
     } 

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

     var ctaLayer = new google.maps.KmlLayer({ 
     url: 'http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml' 
     }); 
     ctaLayer.setMap(map); 
    } 

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

     </script>

來源

2014-03-19 user3398326

嘗試將事件偵聽器連接到一個不同的元素：

google.maps.event.addDomListener(document.getElementById('myButton'), 'click', initialize);

見addDomListener documentation。

來源

2014-03-19 09:26:15 Jon

非常感謝...我添加了一個事件按鈕，如上所示，它在我的電腦上正常工作。但是，當我嘗試打開它在我的Andriod手機上時，它只是不加載地圖，我只能看到按鈕。它不支持移動應用嗎？ – user3398326

看看這個問題，它可能會幫助你：http://stackoverflow.com/questions/9515509/google-maps-api-v3-in-android如果我已經成功地回答你的原始問題，請你可以標記它被接受？ – Jon

如何在javascript中單擊按鈕顯示谷歌地圖？

回答

相關問題