如何在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中单击按钮显示谷歌地图？

回答

相关问题