vue调用百度定位接口实现地理定位

最新推荐文章于 2025-03-17 10:25:35 发布

陈仙生

最新推荐文章于 2025-03-17 10:25:35 发布

阅读量3.1k

点赞数 4

分类专栏： vue 文章标签：定位 vue javascript

本文链接：https://blog.youkuaiyun.com/qq_45745643/article/details/109275701

版权

其实HTML5中有个 Geolocation API 可以获得用户的地理位置，不过它只能返回用户位置的经度和纬度。

下面是一个简单示例：

var x=document.getElementById("demo");
function getLocation() {
   
    if (navigator.geolocation)
    {
   
        navigator.geolocation.getCurrentPosition(showPosition);
    }
    else
    {
   
        x.innerHTML = "该浏览器不支持获取地理位置。";
    }
}
 
function showPosition(position) {
   
    x.innerHTML = "纬度: " + position.coords.latitude + 
    "<br>经度: " + position.coords.longitude;    
}