vue 获取当前位置经纬度

最新推荐文章于 2025-04-01 13:24:01 发布

梅米儿

最新推荐文章于 2025-04-01 13:24:01 发布

阅读量1.4w

点赞数 1

分类专栏： vue 文章标签：当前位置经纬度坐标 vue.js

本文链接：https://blog.youkuaiyun.com/weixin_41625322/article/details/103935030

版权

vue 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript获取用户地理位置的方法，并展示了如何通过navigator.geolocation API获取经纬度信息。此外，还提供了从火星坐标系（GCJ-02）转换到百度坐标系（BD-09）的方法，这对于地图应用的开发者来说至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
    <div>
        <div id="container">
        </div>
    </div>
</template>
<script>
    export default {
        created(){
        },
        mounted(){
            var _this = this;
            if(navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(
                    //locationSuccess 获取成功的话
                    function(position) {
                        _this.getLongitude = position.coords.longitude; 
                        _this.getLatitude = position.coords.latitude;    
                        alert(_this.getLongitude)　　　　　 //弹出经度测试
                        alert(_this.getLatitude)
                        
                    },
                    //locationError  获取失败的话
                    function(error) {
                        var errorType = ['您拒绝共享位置信息', '获取不到位置信息', '获取位置信息超时'];
                        alert(errorType[error.code - 1]);
                    }
                );
            }
        },
        methods:{
        }
    }
</script>