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 进行使用。

相关文章
|
10月前
|
数据可视化 搜索推荐 JavaScript
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
数据可视化大屏百度地图区域掩膜MapMask实现地图指定区域非省市县行政区显示的实战案例解析(JavaScript API GL、个性化地图定制、指定区域经纬度拾取转化)
710 0
|
6月前
|
JavaScript API
js日期、经纬度格式化
js日期、经纬度格式化
39 0
|
9月前
|
JavaScript 前端开发 定位技术
js实现地图选点获取经纬度
js实现地图选点获取经纬度
|
10月前
|
编解码 JavaScript 前端开发
百度地图:使用javascript和web服务API自动实现经纬度编码的解决方案
百度地图:使用javascript和web服务API自动实现经纬度编码的解决方案
92 1
|
JSON JavaScript 前端开发
百度地图JavaScript API获取用户当前经纬度和详细地理位置,反之通过详细地理位置获取当前经纬度
百度地图JavaScript API获取用户当前经纬度和详细地理位置,反之通过详细地理位置获取当前经纬度
413 0
|
JavaScript API
js根据经纬度换算行驶里程
js根据经纬度换算行驶里程
196 0
js根据经纬度换算行驶里程
|
JavaScript 前端开发 API
百度地图JavaScript API经纬度查询-MAP
百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索: 百度地图Demo-更多技术分享请看博客:http://blog.
1231 0
|
Web App开发 JavaScript 前端开发
js 调用百度地图,并且定位用户地址,显示省市区街,经纬度
网上的一些百度地图例子,基本上没有连套的 定位 例子。下面我分享一套我自己弄的,废话不多说,看代码,里面有注释! 1 2 3 4 5 6 Hello, World 7 8 html ...
1651 0
|
JSON JavaScript 前端开发
javascript实现经纬度与地址的互转
原文:javascript实现经纬度与地址的互转   最近项目中会用到将地址转换为经纬的。从出来,还一直未遇到过这类问题,下来自己提前学习了,将自己所学的记录在案。   在网上找了很多资料,最后确定了,百度的API,有实现相关的接口(API地址)。
1109 0
|
JavaScript
利用JS实现的根据经纬度计算地球上两点之间的距离
最近用到了根据经纬度计算地球表面两点间距离的公式,然后就用JS实现了一下。 计算地球表面两点间的距离大概有两种办法。 第一种是默认地球是一个光滑的球面,然后计算任意两点间的距离,这个距离叫做大圆距离(The Great Circle Distance)。
897 0