关于钉钉开发，心得

最近草草做了些项目，关于地图、定位、嵌到钉钉APP里

地图嵌的是高德地图，查找附近公司之类的是用的高德接口，后端返回数据

高德的定位在钉钉里不知为啥没起到作用，而且发现高德的定位有时候有些许偏差

这里用的是钉钉的定位

钉钉有的功能需要鉴权，有的不需要

定位功能需要鉴权

 先过一遍config

//初始化钉钉鉴权
    initDdConfig () {
        //此处取当前url  上线后需更换  不能带#号
        let data = {
          "url": `${this.api.curUrl}`
        }
        //访问后端接口   调取钉钉config参数
        this.$http(`${this.api.getJSSDK}` + JSON.stringify(data)).then(res => {
          //过一遍config
          this.dd.config({
                  agentId : res.data.resultdata.appid,
                  corpId : res.data.resultdata.corpid,
                  timeStamp : res.data.resultdata.timestamp,
                  nonceStr : res.data.resultdata.noncestr,
                  signature : res.data.resultdata.signature,
                  jsApiList : [ 'runtime.info', 'biz.contact.choose',
                      'device.notification.confirm', 'device.notification.alert',
                      'device.notification.prompt', 'biz.ding.post','device.geolocation.get',
                      'biz.util.openLink' ]
                })
          //正确走完config进ready
          dd.ready(() => {
            this.getLocation()
          })
          //否则进error
          dd.error(function(error){
            this.$ui.MessageBox.alert(JSON.stringify(error), {}) 
          }) 
        }).catch(e =>{
          this.$ui.MessageBox.alert(e.data.msg, {})
        })   
    }

 然后在ready里进行钉钉定位

  //获取当前位置
    getLocation (fn) {
      this.dd.device.geolocation.get({
               targetAccuracy : 200,
               coordinate : 1,
               withReGeocode : true,
               useCache:true, //默认是true，如果需要频繁获取地理位置，请设置false
               onSuccess : (result) => {
                  this.CurrentCoordinate[0] = result.longitude
                  this.CurrentCoordinate[1] = result.latitude
                  this.CurrentLocation = result.road
                  this.getMap()
                  fn && fn()
               },
               onFail : (err) => {
                this.$ui.MessageBox.alert(err.data.msg, {})
               }
           })
    },

getMap方法是根据钉钉定位的当前坐标获取在高德地图上定到位置

//根据当前坐标得到地图
    getMap () {
      this.map = new AMap.Map('container', {
        zoom: 17,
        center: this.CurrentCoordinate
      })
      this.map.plugin(["AMap.ToolBar","AMap.Geolocation"], () => {
          this.map.addControl(new AMap.ToolBar())
          this.map.addControl(new AMap.Geolocation())
      })
      this.clickListener = AMap.event.addListener(this.map, "click", this._onClick)
    },
    _onClick (e) {
      this.focusAddress(e.lnglat)
    },
    focusAddress (pos,nearby) {
      this.map.clearMap()
      let location  = pos.location||pos
      this.currentPos = new AMap.Marker({
          position : location,
          icon : 'http://vdata.amap.com/icons/b18/1/2.png',
          zIndex:999,
          map : this.map
      })
      this.CurrentCoordinate[0] = location.lng
      this.CurrentCoordinate[1] = location.lat
      let circle = new AMap.Circle({
          center: [location.lng,location.lat],
          radius: 100,
          fillOpacity:0.2,
          strokeWeight:1,
          strokeColor:"#7eb8fc",
          fillColor:"rgba(104, 149, 229, 0.8)"
      })
      circle.setMap(this.map)
      !nearby && this.map.setFitView()
      let geo_req = {'location':location,'radius':100,'type':'range','currentPage': 1,'pageSize': 5}
      //根据坐标获取地理位置的接口
      this.$http(`${this.api.getNeighboursByLocationUrl}` + JSON.stringify(geo_req)).then(res => {
        if(res.data&&res.data.success&&res.data.resultdata.company_geo_list){
          document.getElementById('neighbourhood').innerHTML=''
          let markers = res.data.resultdata.company_geo_list
          for(let i=0;i<markers.length;i++){
            if(!markers[i].company_name){
              return
            }
            document.getElementById('neighbourhood').innerHTML+='<li>'+markers[i].company_name+'</li>'
            this.placeMarker(markers[i])
          }
        }
      }).catch(e =>{
        this.$ui.MessageBox.alert(e.data.msg, {})
      })  
      this.getNearbyCompanysList(true)
    },
    placeMarker (pos){
      this.marker = new AMap.Marker({
          position: [pos.longitude, pos.latitude],
          title:pos.company_name,
          clickable:true,
          topWhenClick:true,
          extData:pos
      })
      this.marker.setMap(this.map)
    }