腾讯地图获取定位

最新推荐文章于 2025-05-27 17:03:00 发布

_格鲁特宝宝

最新推荐文章于 2025-05-27 17:03:00 发布

阅读量2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Web FrontEnd map 地图文章标签：腾讯地图腾讯位置服务 map.qq.com qq.maps Geolocation

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.youkuaiyun.com/GrootBaby/article/details/115323610

本文详细介绍了如何利用腾讯地图的地理位置服务，包括map.qq.com和qq.maps接口，实现网页及应用中的用户定位功能。通过Geolocation API，开发者可以轻松获取到用户的精确经纬度坐标，从而实现各种基于位置的应用场景。

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

// 获取定位
// 方法一
getMyLocation() {
  var geolocation = new qq.maps.Geolocation("CQPBZ-QRWCU-2RGVJ-44CGR-5WCY6-WVB5Q", "myapp_ay");
  geolocation.getIpLocation(
    (position) => {
      console.log(position);
      this.getAddress(position.lat, position.lng)
    }, 
    (err) => {
      console.log("定位失败");
      this.autoLocation = '安阳市';
      this.getMyLocation();
    },
  );
  // geolocation.getIpLocation(this.showPosition, this.showErr);
},
showPosition(position) {
  console.log(position);
  this.autoLocation = position.addr || position.city || '安阳市';
},
showErr() {
  console.log("定位失败");
  this.autoLocation = '安阳市';
  this.getMyLocation(); //定位失败再请求定位，测试使用
},

// 方法二
getPosition(){
  let vm = this
  let data = {
    key: "CQPBZ-QRWCU-2RGVJ-44CGR-5WCY6-WVB5Q", //申请的密钥
    output: "jsonp",
  };
  let url = "https://apis.map.qq.com/ws/location/v1/ip"
  this.$jsonp(url, data).then(res => {
      console.log(res)
  }).catch(err => {