Question

<body>
     <script src="script.js"></script>
     <div id="map">Get your Location</div>
     <script async defer src="https://maps.googleapis.com/maps/api/js?key=(API_KEY)&callback=getLocation"></script>
</body>

我只想创建一个按钮，点击＆＃34;获取您的位置＆＃34;将转到我的script.js中的getLocation（）函数。现在，我的代码将只显示我在加载页面时的位置，而不是在单击按钮后。感谢

Answer 1

如果我理解正确，您需要做的就是将其添加到您的div：

<div id="map" onclick="getLocation()">Get your Location</div>

Answer 2

在您的HTML中加载地图后，系统会调用您的函数 getLocation ，因为您已将该方法作为回调传递到Google地图的网址中。如果要在单击某个元素时调用函数，则应将 onclick 属性添加到该元素。在您的情况下，您想在点击div时调用 getLocation ，那么您应该在下面执行以下操作： <div id"map" onclick="getLocation()">Get Your Location</div>

HTML onClick通过地理位置获取用户位置

2 个答案: