腾讯地图 行政区划

匹配行政区划 http://lbs.qq.com/tool/getpoint/getpoint.html http://yt-public.oss-cn-hangzhou.aliyuncs.com/javascripts/xzqhdm.json

mounted() {
  yt.ready.then(() => {
    yt.getApiList().then((item) => {
      $this.isAppUpload = item.list.indexOf('uploadImage')>-1?true:false;
    })
    yt.getLocation().then(res => {
      Toast(JSON.stringify(res))
      this.latLng = res
      this.mapScript('https://map.qq.com/api/js?v=2.exp&callback=mapInit');
      this.mapScript("https://apis.map.qq.com/ws/geocoder/v1/?location=" + res.lat + "," + res.lng + "&key=2AHBZ-4QQWG-UXGQS-IXB4Q-L5WXO-D7FD6&output=jsonp&callback=mapData");
    })
  })
  window.mapInit = this.mapInit;
  window.mapData = this.mapData;
},
methods: {
  mapData(res){
    console.log(res)
  },
  mapInit(lat, lng) {
    //设置地图中心点
    var myLatlng = new qq.maps.LatLng($this.latLng.lat, $this.latLng.lng);
    var myOptions = {
      zoom: 17, //设置地图缩放级别
      center: myLatlng, //设置中心点样式
      mapTypeId: qq.maps.MapTypeId.ROADMAP //设置地图样式
    }
    //获取dom元素添加地图信息
    var map = new qq.maps.Map(document.getElementById("container"), myOptions);
  },
  mapScript(url){
    //异步加载地图库函数文件
    //创建script标签
    var script = document.createElement("script");
    //设置标签的type属性
    script.type = "text/javascript";
    //设置标签的链接地址
    script.src = url;
    //添加标签到dom
    document.body.appendChild(script);
  }
}