vue 使用腾讯地图组件，geocoder/ location 报CROB

最新推荐文章于 2024-11-30 16:13:51 发布

weixin_47523720

最新推荐文章于 2024-11-30 16:13:51 发布

阅读量477

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_47523720/article/details/128084854

版权

Vue vue-jsonp 腾讯位置服务 IP归属地 JSONP

关键词由CSDN通过智能技术生成

1 先下载 vue-jsonp

cnpm install vue-jsonp --save

下载完之后再你的main.js 文件下导入

import { VueJsonp } from ‘vue-jsonp’
Vue.use(VueJsonp)

用腾讯位置服务，geocoder / location 获取位置归属地时报CROB

    ip_sets(ip){
      let key = '自己申请的key';
      this.$jsonp('http://apis.map.qq.com/ws/location/v1/ip',{
        ip:ip,key:key,
      }).then(res=>{
        console.log(res);
      })
    
    },

定义下输出格式

   ip_sets(ip){
      let key = '*******';
      this.$jsonp('http://apis.map.qq.com/ws/location/v1/ip',{
        ip:ip,
        key:key,
        output: "jsonp", //返回数据格式
      }).then(res=>{
        console.log(res);

      })
  
    },