vue获取地理位置

最新推荐文章于 2024-08-21 13:13:15 发布

邓北北_991

最新推荐文章于 2024-08-21 13:13:15 发布

阅读量665

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/w_0217/article/details/119238933

版权

本文将介绍如何在Vue.js应用中利用浏览器API获取用户的地理位置信息，包括步骤、示例代码和可能遇到的问题，帮助开发者实现地理位置功能。

摘要由CSDN通过智能技术生成

vue获取地理位置
效果图
在这里插入图片描述

<template>
    <div class="main" id="container">
        <iframe id="mapPage" width="100%" height="100%" frameborder=0
            src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=TN6BZ-LXSLK-GXAJL-A7FDS-6B2P3-PXBI7&referer=myapp">
        </iframe>
    </div>
</template>

<script>
import {state, mapState } from  'vuex';
export default {
    data(){
        return{
            dataList:[],
            dataLoction:'',
            data:{
                module:'locationPicker',
                latlng: {
                    lat: 39.998766,
                    lng: 116.273938
                },
                poiaddress: "北京市海淀区新建宫门路19号",