gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 04:23:42 27 4
gpt4 key购买 nike

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

我只想创建一个按钮,单击“获取您的位置”后将转到我的 script.js 中的 getLocation() 函数。现在,我的代码只会显示加载页面时的位置,而不是单击按钮后的位置。谢谢

最佳答案

基于w3schools您可以使用下面的代码:

function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(pos) {
//You have your locaton here
console.log("Latitude: " + pos.coords.latitude +
"Longitude: " + pos.coords.longitude);
});
} else {
console.log("Geolocation is not supported by this browser.");
}
}
<button onclick="getLocation()">Get Location</button>

关于javascript - HTML onClick 通过地理位置获取用户位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43829670/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com