在javascript中單擊按鈕后如何顯示Google地圖？

Question

這段代碼google.maps.event.addDomListener(window, 'load', initialize); 僅在我重新加載/刷新頁面時運行。 但是我希望它顯示在單擊按鈕時還是在瀏覽器中打開頁面時顯示？ 我怎么做

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

Answer 1

嘗試將事件偵聽器附加到其他元素：

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

請參閱addDomListener文檔 。