vuejs中获取当前经纬度

Question

我想动态获取当前位置的纬度和经度。有没有任何插件或自定义代码可以做到这一点？

Answer 1

您可以按如下方式使用 Web Geolocation API：

const vueComp = new Vue({

    data () {
        return {
            /* Reactive properties */
        };
    },

    created() {

        const success = (position) => {
            const latitude  = position.coords.latitude;
            const longitude = position.coords.longitude;

            // Do something with the position
        };

        const error = (err) => {
            console.log(error)
        };

        // This will open permission popup
        navigator.geolocation.getCurrentPosition(success, error);
    }

});

另外，如果你需要一个promisified插件，你可以使用vue-browser-geolocationplugin。