繁体   English   中英

JavaScript使用onclick和地理位置来检索当前位置

Javascript use onclick and geolocation to retrieve current location

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我必须将点击处理程序添加到提供的按钮上,该按钮将使用地理位置api检索用户的当前位置。 这是我的代码,我正在尝试使用地理位置将用户的当前位置设置为地图,但是由于某些原因该按钮不起作用。 谁能指出我做错了什么并帮助我?

 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js" integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA==" crossorigin=""></script> <style> #mapid { height: 600px; } </style> <script> const Mapping = { map : null, initializeMap : () => { Mapping.map = L.map('mapid').setView([51.505, -0.09], 13); L.tileLayer( 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>', subdomains: ['a','b','c'] }).addTo( Mapping.map ); }, resetLocation : ({lat,lon}) => { Mapping.map.setView([lat,lon], 13); } } window.onload = () => { Mapping.initializeMap(); userCode(); } function userCode() { // JS CODE START if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function (position) { let pos = { lat: position.coords.latitude, lng: position.coords.longitude }; Mapping.setPosition(pos); Mapping.open(Mapping.map); Mapping.map.setPosition(pos); }) } // JS CODE END } </script> </head> <body> <!-- HTML CODE GOES HERE--> <button onclick="userCode()">Get Location</button> <div id="mapid" style="width: 600px; height: 400px;"></div> </body> </html> 

1 个回复

采用

Mapping.resetLocation({lat:pos.lat,lon:pos.lng});

代替

Mapping.setPosition(pos);
1 使用JavaScript的地理位置

我正在尝试对用户进行地理位置定位,然后使用django和javascript向他展示到我所在位置的行车路线。 我正在使用的js在这里: http : //github.com/gvkalra/random/blob/master/templates/home/index.html 如果在 ...

3 如何使用VPN测试JavaScript地理位置?

因此,我想测试用户从海外进入时是否获得了不同的登录页面。 例如印度网站的访问者会获得以印度为中心的网站/服务。 而国内访客会获得适合他们的本地网站/服务。 因此,我尝试使用VPN,但浏览器仍然知道我的真实位置。 有没有办法愚弄它以便我测试? 谢谢 ...

5 定期检索地理位置

我正在开发一个应定期发送用户地理位置信息(间隔为3分钟)的应用。 我正在阅读android文档,想知道是否需要在我拥有的每个活动/片段上创建一个LocationListener。 我在考虑类似Observer的东西,它与应用程序一起像“沉默线程”一样运行,并将数据发送到我的服务。 是否 ...

6 同时使用地理位置和地理编码-Javascript

我尝试在首页上使用Geolocation和Geocoding 。 因此,在加载页面时,应该在地图上显示用户的位置。 因此,我找到了以下代码来获取用户的当前位置: 这很好。 但是我现在想添加一个文本框,用户可以更改其地址(例如,如果地址不正确或发生错误)。 我找到了Geocodin ...

7 如何使用OSM检索某个地理位置的自然特征?

在节点Web应用程序中,我需要找出用户位置的自然特征是什么。 我知道用户的经度和纬度,然后发现, 自然标签包含诸如水,岩石或草之类的信息,足以满足我的应用需求。 据我了解,并非每个地理位置都拥有此类信息。 到目前为止,我的研究使我考虑了OSM-APIs Overpass API和XAP ...

8 地理位置将变量设置为当前位置

我试图将用户的当前位置放入一个对象变量,但它会自行对其进行重置。 我也尝试过: 但是两者都不起作用。 我想要这样做是因为我需要在其他功能中使用用户位置,并且我不想每次都调用地理定位。 更新: jsfiddle: http : //jsfiddle.net/9fv ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM