javascript - 如何在javascript中点击按钮显示谷歌地图？

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