js如何获取当前经纬度

简介: js如何获取当前经纬度

JavaScript 可以通过 Geolocation API 获取设备的位置信息,包括经纬度等。可以使用以下代码获取当前位置的经纬度:

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        console.log("Latitude: " + latitude + " Longitude: " + longitude);
    });
} else {
    console.log("Geolocation is not supported by this browser.");
}

上述代码会首先检查浏览器是否支持 Geolocation API,如果支持,则调用 getCurrentPosition 方法获取当前位置信息。getCurrentPosition 方法接收两个参数:成功获取位置信息的回调函数和失败时的回调函数。在上述代码中,我们传入了一个回调函数,其中 position.coords.latitudeposition.coords.longitude 分别表示设备的纬度和经度。

需要注意的是,为了使用 Geolocation API,需要使用 https 协议或本地测试的时候可使用 localhost 协议。在非安全连接下(http),浏览器会阻止该 API 进行使用。

相关文章
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
1435 0
|
JavaScript 定位技术 API
Js地图路线规划以及点击获取经纬度
Js地图路线规划以及点击获取经纬度
|
JavaScript API
js日期、经纬度格式化
js日期、经纬度格式化
135 0
|
编解码 JavaScript 前端开发
百度地图:使用javascript和web服务API自动实现经纬度编码的解决方案
百度地图:使用javascript和web服务API自动实现经纬度编码的解决方案
210 1
|
JavaScript 前端开发 定位技术
js实现地图选点获取经纬度
js实现地图选点获取经纬度
235 0
|
移动开发 JavaScript 前端开发
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
787 0
【实战篇】微信公众号JS-SDK获取当前经纬度及地址信息
|
JavaScript API
js根据经纬度换算行驶里程
js根据经纬度换算行驶里程
329 0
js根据经纬度换算行驶里程
|
JSON JavaScript 前端开发
百度地图JavaScript API获取用户当前经纬度和详细地理位置,反之通过详细地理位置获取当前经纬度
百度地图JavaScript API获取用户当前经纬度和详细地理位置,反之通过详细地理位置获取当前经纬度
615 0
|
JavaScript 前端开发 API
javascript实现经纬度与地址的互转
原文:javascript实现经纬度与地址的互转   最近项目中会用到将地址转换为经纬的。从出来,还一直未遇到过这类问题,下来自己提前学习了,将自己所学的记录在案。   在网上找了很多资料,最后确定了,百度的API,有实现相关的接口(API地址)。
1207 0
javascript实现经纬度与地址的互转
|
JavaScript 前端开发 API
百度地图JavaScript API经纬度查询-MAP
百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索: 百度地图Demo-更多技术分享请看博客:http://blog.
1352 0