html5 / vue 实现移动端自动定位

腾讯地图可以完全不依赖原生实现手机定位，不用和原生交互。

如果是使用的vue 那就把下面的代码引到index.html中

<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>

下面是一段js代码 使用vue的话可以单独写一个js文件 在页面中引入 也可以直接写在index.html中

 var geolocation = new qq.maps.Geolocation("OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77", "myapp");

    var options = {timeout: 8000};
    function showPosition(position) {
    console.log(position) // 定位的信息
        alert('定位成功');
        //position即为获取的定位信息的对象
    };

    function showErr() {
       alert('定位失败');
    };

    //获取位置信息
    geolocation.getLocation(showPosition, showErr, options);