javascript - Javaclick 在单击按钮之前运行

Question

当我打开页面时，javascript 在单击按钮之前运行。当我单击按钮时它也会运行。在单击按钮之前，我不希望它运行。

代码:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {lat: 45.973, lng: -68.81},
    zoom: 10
  });
}

html, body {
 height: 100%;
 margin: 0;
 padding: 0;
}

#map {
 height: 50%;
}

    <div id="map"></div>
    <button id="showLocation" onclick="initMap()">Show Location</button>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTUe6NaV7fwxOOESwnEdq3YcT9Y2Wr8lg&callback=initMap"
            async defer></script>

提前致谢!

Answer 1

您正在将 initMap 作为回调传递给“api/js”。这意味着当脚本加载时它将运行回调方法，即执行 initMap。

尝试从 URL 中删除 &callback=initMap。