vue2 获取bending经纬度

获取经纬度可以通过浏览器的 `navigator.geolocation` 对象来实现。具体步骤如下：

1. 首先在 Vue 组件中定义一个 data 属性，用来存储获取到的经纬度信息：

data() {
  return {
    latitude: null, // 纬度
    longitude: null // 经度
  }
}

2. 在 mounted 钩子函数中调用 `navigator.geolocation.getCurrentPosition()` 方法来获取当前位置的经纬度信息：

mounted() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(position => {
      this.latitude = position.coords.latitude
      this.longitude = position.coords.longitude
    })
  }
}

3. 最后在模板中使用获取到的经纬度信息：

<template>
  <div>
    <p>纬度: {{ latitude }}</p>
    <p>经度: {{ longitude }}</p>
  </div>
</template>

相关问题

vue2 实现已知经纬度获取位置

你可以使用 HTML5 的 Geolocation API 来获取用户的当前位置，然后使用第三方的地图 API 来通过经纬度获取位置信息。下面是一个使用 Vue2 实现已知经纬度获取位置的示例代码：

<template>
  <div>
    <p>经度：{{ longitude }}</p>
    <p>纬度：{{ latitude }}</p>
    <p>位置：{{ location }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      longitude: null,
      latitude: null,
      location: null
    };
  },
  mounted() {
    navigator.geolocation.getCurrentPosition(position => {
      // 获取经度和纬度
      this.longitude = position.coords.longitude;
      this.latitude = position.coords.latitude;

      // 调用地图 API 获取位置信息
      this.getLocation(this.longitude, this.latitude);
    });
  },
  methods: {
    getLocation(longitude, latitude) {
      const url = `https://apis.map.qq.com/ws/geocoder/v1/?location=${latitude},${longitude}&key=YOUR_KEY`;
      // YOUR_KEY 替换成你自己的密钥
      fetch(url)
        .then(res => res.json())
        .then(data => {
          this.location = data.result.address;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
};
</script>

需要注意的是，这里使用的是腾讯地图 API，需要替换成你自己的密钥。另外，为了使代码更加简洁，这里使用了 ES6 的箭头函数和 fetch 方法，如果你需要兼容老版本的浏览器，可以改为普通的函数和 XMLHttpRequest。

vue 通过地图获取经纬度

你可以使用 Vue.js 结合一些地图 API 来获取经纬度。以下是一个简单的示例：

1. 首先，确保你已经在项目中安装了 Vue.js，并且在你的组件中引入了地图 API 的 SDK。

2. 在 Vue 组件中，你可以创建一个地图容器元素，例如一个 `<div>`，用来显示地图：

<template>
  <div id="map"></div>
</template>

3. 在 Vue 组件的 `mounted` 生命周期钩子中，初始化地图并获取经纬度：

<script>
export default {
  mounted() {
    // 创建地图对象
    const map = new AMap.Map('map', {
      // 设置地图的中心点和缩放级别
      center: [116.397428, 39.90923],
      zoom: 13
    });

    // 添加点击事件监听器
    map.on('click', (e) => {
      // 获取点击位置的经纬度
      const { lng, lat } = e.lnglat;
      console.log('经度：', lng);
      console.log('纬度：', lat);
    });
  }
}
</script>

在这个示例中，我们使用了高德地图的 JavaScript API（AMap），你需要在项目中引入相应的 SDK 文件。在 `mounted` 生命周期钩子中，我们创建了一个地图对象，并添加了一个点击事件监听器。当用户点击地图时，监听器会返回点击位置的经纬度信息。

请注意，这只是一个简单的示例，你需要根据你所使用的地图 API 的文档进行相应的配置和调整。