Javascript HTML onClick通过地理位置获取用户位置找到你的位置_Javascript_Html_Onclick

Javascript HTML onClick通过地理位置获取用户位置找到你的位置

javascript html

Javascript HTML onClick通过地理位置获取用户位置找到你的位置,javascript,html,onclick,Javascript,Html,Onclick,我只想创建一个按钮，单击“获取您的位置”将转到my script.js中的getLocation（）函数。现在，我的代码只会在加载页面时显示我的位置，而不是在单击按钮之后。谢谢如果我理解正确，您只需将以下内容添加到您的div中： <body> <script src="script.js"></script> <div id="map">Get your Location</div> <script

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

如果我理解正确，您只需将以下内容添加到您的div中：

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

获取您的位置

基于以下代码，您可以使用：

函数getLocation（）{ if（导航器.地理位置）{ navigator.geolocation.getCurrentPosition（函数（pos））{ //你的位置在这里控制台日志（“纬度：+pos.coords.Latitude+ “经度：”+位置坐标经度）； }); }否则{ log（“此浏览器不支持地理位置”）； } }

getLocation

一旦地图加载到HTML中，您的函数getLocation将被调用，因为您已在google maps的url中将该方法作为callback传递。若要在单击某个元素时调用函数，则应向该元素添加onclick属性。如果您想在单击div时调用getLocation，则应执行以下操作：

获取您的位置

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