久久三级久久,91av免费看

2017-8-20

前言

又到了周六，打完球，吃完飯，閑來(lái)無(wú)事，便把這周干的事情總結(jié)一下，順便寫個(gè)博客，分享給大家。

本來(lái)說(shuō)好這周研究三維GIS的，但是看完官方文檔發(fā)現(xiàn)只有最新的100版本推出了三維GIS，在加上小組長(zhǎng)臨時(shí)讓我在2DGIS上研究一下軌跡回放，經(jīng)過(guò)多次改動(dòng)，最終在周四完成了這個(gè)功能，然后周五摸了一天的魚(yú)（心里絞痛）。

整個(gè)功能通過(guò)你給的點(diǎn)的集合（小組長(zhǎng)要求每個(gè)點(diǎn)相隔十分鐘，當(dāng)然，你們可以隨便間隔），在地圖上一步一步通過(guò)動(dòng)畫繪制出路線，每次到達(dá)一個(gè)點(diǎn)時(shí)，會(huì)顯示出在這個(gè)點(diǎn)的時(shí)間，如果前后2個(gè)點(diǎn)沒(méi)有太大的變化（也就是原地不動(dòng)），每次會(huì)暫停一秒，然后繼續(xù)繪制。

一些ARCGIS基礎(chǔ)的開(kāi)發(fā)，我就不說(shuō)了，源碼我也上傳到GItHub上了，有興趣的童鞋可以去看看。

好了，閑話就扯到這，開(kāi)始吧。

效果實(shí)現(xiàn)

源碼在這里：
https://github.com/Hyyzt/DrawTrack/tree/master

讓我們先看看效果圖

從動(dòng)圖中我們可以看到3個(gè)效果，下面我們依次分析下怎么實(shí)現(xiàn)。

首先軌跡回放的動(dòng)畫，是通過(guò)handler發(fā)送消息繪制Polyline來(lái)實(shí)現(xiàn)的，將所有的點(diǎn)分段繪制，正在走的為一種顏色，走完的為另一種顏色，沒(méi)2個(gè)點(diǎn)為一段動(dòng)畫，通過(guò)你要求的所有的動(dòng)畫時(shí)間，計(jì)算每一段動(dòng)畫的繪制速度（100毫秒），每當(dāng)發(fā)送一個(gè)消息（每100毫秒發(fā)送一次），便增加polyline.lineto()的坐標(biāo)，以實(shí)現(xiàn)線移動(dòng)的效果。
每一段動(dòng)畫中一共有2個(gè)polyline，第一個(gè)是正在走的polyline（臨時(shí)線段），沒(méi)100毫秒畫一次（根據(jù)計(jì)算出的速度），當(dāng)每一段動(dòng)畫結(jié)束時(shí)，移除第一個(gè)polyline,繪制第二個(gè)動(dòng)畫結(jié)束的polyline（最終線段），這樣就實(shí)現(xiàn)了我們軌跡回訪時(shí)得繪制動(dòng)畫。還有一個(gè)就是移動(dòng)的圖標(biāo)，我們通過(guò)PictureMarkerSymbol來(lái)構(gòu)建自己的移動(dòng)圖標(biāo)，同樣通過(guò)handler發(fā)送消息，根據(jù)速度增加坐標(biāo)，每發(fā)送一次，移除上一個(gè)圖片，重新繪制，實(shí)現(xiàn)移動(dòng)的效果。
顯示這個(gè)點(diǎn)的時(shí)間，無(wú)非就是判斷一下這個(gè)點(diǎn)的經(jīng)緯度時(shí)候是否和增加后的經(jīng)緯度一致，之后再?gòu)棾鲆粋€(gè)顯示框就可以了。

以上就是我們實(shí)現(xiàn)的思路了，下面我們來(lái)看看代碼和難點(diǎn)。

代碼

在代碼之前，要說(shuō)幾個(gè)MapView的繪制時(shí)的特性。

我們繪制時(shí)，無(wú)論是線路還是圖標(biāo)，我們都是通過(guò)底圖的投影坐標(biāo)繪制的，所以我們需要將經(jīng)緯度坐標(biāo)轉(zhuǎn)換為底圖的投影坐標(biāo)，否則無(wú)論你的點(diǎn)在哪里，都只會(huì)繪制在一個(gè)地方。
要將WGS-84轉(zhuǎn)換為投影坐標(biāo)，我們可以通過(guò)

    Point mapPoint = (Point) GeometryEngine.project(wgsPoint ,SpatialReference.create(4326),map.getSpatialReference());

但有時(shí)候（沒(méi)錯(cuò)，我就是那個(gè)但是），mapview是拿不到SpatialReference的，所以我們需要通過(guò)查閱自己的SpatialReference來(lái)轉(zhuǎn)換投影坐標(biāo)。

Point mapPoint = (Point) GeometryEngine.project(wgsPoint ,SpatialReference.create(4326),SpatialReference.create(你的投影坐標(biāo)系參數(shù)));

每次的繪制時(shí)的點(diǎn)都必須轉(zhuǎn)換，否則會(huì)出現(xiàn)上面的錯(cuò)誤。

我們傳入的數(shù)據(jù)格式是一個(gè)Point（ArcGIS）和一個(gè)表示時(shí)間的字符串的集合，通過(guò)下列方式構(gòu)造，構(gòu)造完成后加入集合。

new Data("2017-08-17 13:56:00", new Point(116.37489, 40.06644))；

線和圖片的移動(dòng)時(shí)的動(dòng)畫

之前說(shuō)過(guò)無(wú)論是線還是圖片的動(dòng)畫，都是通過(guò)handler每100毫秒發(fā)送一個(gè)消息，然后動(dòng)過(guò)重繪來(lái)實(shí)現(xiàn)的動(dòng)畫，而這2個(gè)動(dòng)畫是同時(shí)完成的，所以使用一個(gè)handler來(lái)實(shí)現(xiàn)就可以了。

     Handler handler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        time++;//每一段動(dòng)畫繪制了多少秒
        draw();
    }
    };      

    private void draw() {
    if (!isPause) {//是否暫停
        if (index >= pointList.size() - 1)
            return;
        if (Math.abs(pointList.get(index).getX() - pointList.get(index + 1).getX()) < precision
                && Math.abs(pointList.get(index).getY() - pointList.get(index + 1).getY()) < precision) {
            //前一個(gè)點(diǎn)和后一個(gè)點(diǎn)沒(méi)有變化，原地跳動(dòng)
            index++;
            myCallOut.show(wgs2(pointList.get(index)), list.get(index).data);
            time = 0;
            ClickList.add(pointList.get(index));
            drawLines(index);
            handler.sendEmptyMessageDelayed(0, 1000);
        } else {
            if (Math.abs(point.getX() - pointList.get(index + 1).getX()) < 0.000001
                    && Math.abs(point.getY() - pointList.get(index + 1).getY()) < 0.000001) {
                //上一段動(dòng)畫完成
                showResult(pointList.get(index), pointList.get(index + 1));
                index++;
                myCallOut.show(wgs2(pointList.get(index)), list.get(index).data);
                time = 0;
                ClickList.add(pointList.get(index))；
                setOnClickListener();//添加點(diǎn)擊事件的監(jiān)聽(tīng)
                drawPoint(index);//畫點(diǎn)
                if (index == pointList.size() - 1) {
                    //路程結(jié)束
                    Toast.makeText(mainActivity, "路程結(jié)束", Toast.LENGTH_SHORT).show();
                    onDraw.onFinish();//提供給外部的接口
                    return;
                }
            }
            drawLines(index);
            handler.sendEmptyMessageDelayed(0, 100);
        }
    }
    }

在每一段動(dòng)畫結(jié)束后，移除之前的線段

  //畫動(dòng)畫的線，在每一段完成后，移除
  public void drawLines(int index) {
  carLayer.removeAll();
  //計(jì)算每100毫秒的速度
  speedX = (pointList.get(index + 1).getX() - pointList.get(index).getX()) / a;
  speedY = (pointList.get(index + 1).getY() - pointList.get(index).getY()) / a;
  Log.e("TAG", speedX + "," + speedY);
  SimpleLineSymbol lineSymbol = new SimpleLineSymbol(color1, 5, SimpleLineSymbol.STYLE.SOLID);
  point = new Point(pointList.get(index).getX(), pointList.get(index).getY());
  Log.e("TAG", "drawLines: " + point.toString());
  point.setX(point.getX() + speedX * time);
  point.setY(point.getY() + speedY * time);
  if (isFellow) {//是否開(kāi)啟跟隨模式
      mMapView.centerAt(wgs2(point), true);
  }
  carGraphic = new Graphic(wgs2(point), car);
  Polyline polyline = new Polyline();
  polyline.startPath(wgs2(pointList.get(index)));
  Log.e("TAG1", pointList.get(index).toString());
  polyline.lineTo(wgs2(point));
  Log.e("Po", "drawLines: " + point.toString());
  Graphic graphic = new Graphic(polyline, lineSymbol);
  drawLayer.addGraphic(graphic);
  carLayer.addGraphic(carGraphic);

}

展示最終的結(jié)果

  private void showResult(Point start, Point end) {
  drawLayer.removeAll();//移除之前的臨時(shí)線段
  SimpleLineSymbol lineSymbol = new SimpleLineSymbol(color2, 5, SimpleLineSymbol.STYLE.SOLID);
  Polyline polyline = new Polyline();
  polyline.startPath(wgs2(start));
  polyline.lineTo(wgs2(end));
  Graphic graphic = new Graphic(polyline, lineSymbol);
  resultLayer.addGraphic(graphic);
  }

設(shè)置點(diǎn)擊事件

  public void setOnClickListener() {
  mMapView.setOnSingleTapListener(new OnSingleTapListener() {
      @Override
      public void onSingleTap(float v, float v1) {
          Point clickPoint = mMapView.toMapPoint(v, v1);
          Point wgsPoint = (Point) GeometryEngine.project(clickPoint, spatialReference, SpatialReference.create(4326));
          for (int i = 0; i < ClickList.size(); i++) {
              Point p = ClickList.get(i);
              if (Math.abs(p.getX() - wgsPoint.getX()) < 0.001 && Math.abs(p.getY() - wgsPoint.getY()) < 0.001) {
                  String timeInterval = getTimeInterval(i);//計(jì)算前后2個(gè)點(diǎn)不動(dòng)時(shí)的時(shí)間間隔
                  myCallOut.show(wgs2(ClickList.get(i)), timeInterval);
                  break;
              }
          }
      }
  });
  }

  //計(jì)算時(shí)間間隔
   private String getTimeInterval(int index) {
  //通過(guò)棧來(lái)獲取時(shí)間間隔，每次判斷時(shí)，當(dāng)前點(diǎn)先入棧，若后一個(gè)點(diǎn)不相同，則清空棧，若相同，則將后一個(gè)點(diǎn)入棧，隨后繼續(xù)判斷，當(dāng)有一個(gè)點(diǎn)與前一個(gè)點(diǎn)不同時(shí)，拿到棧頂，清空整個(gè)棧，這樣就拿到了整個(gè)時(shí)間間隔。
  String startTime = list.get(index).data;
  String endTime;
  //開(kāi)始遍歷
  Stack<Data> stack = new Stack<>();
  stack.add(list.get(index));
  for (int i = index; i < list.size() - 1; i++) {
      if (Math.abs(pointList.get(i).getX() - pointList.get(i + 1).getX()) < 0.0001
              && Math.abs(pointList.get(i).getY() - pointList.get(i + 1).getY()) < 0.0001) {
          //前后兩個(gè)點(diǎn)相同
          stack.add(list.get(i + 1));
      } else {
          //前后2個(gè)點(diǎn)不同
          break;
      }
  }
  if (stack.size() > 1) {
      endTime = stack.pop().data;
      stack.removeAllElements();
      return startTime + "---" + endTime;
  } else {
      return startTime;
  }
   }

這樣和邏輯相關(guān)的東西就結(jié)束了，至于彈出時(shí)間的文本框，過(guò)于簡(jiǎn)單也就不多說(shuō)了，大家可以去源碼中查看。

使用

根據(jù)小組長(zhǎng)的要求，要我將整個(gè)過(guò)程集成，只暴露出幾個(gè)方法供他使用（?。。。谑亲兂闪俗罱K版本，只需要拷貝2個(gè)類到你的項(xiàng)目，在初始化一下然后start就可以使用了。2個(gè)類是：

MoveHelper，處理整個(gè)邏輯和動(dòng)畫的繪制
MyCallOut，彈出的文本框

當(dāng)你將2個(gè)類拷貝后，你直接進(jìn)行初始化

    //mapView一定要初始化結(jié)束在傳入進(jìn)去
    //初始化MoveHelper時(shí)的參數(shù) Context,MapView,List<Bean>
    moveHelper = new MoveHelper(this, mMapView, list);
    //移動(dòng)時(shí)的圖標(biāo)(***必須設(shè)置),正在移動(dòng)時(shí)軌跡的顏色，移動(dòng)結(jié)束后軌跡的顏色
    moveHelper.setIconAndColor(R.drawable.point, Color.YELLOW, Color.GRAY);
    //判斷是否移動(dòng)的精度，默認(rèn)0.0001
    moveHelper.setPrecision(0.0001);
    //是否跟隨，默認(rèn)false
    moveHelper.setFellow(false);
    //設(shè)置整個(gè)動(dòng)畫的時(shí)間，***必須設(shè)置
    moveHelper.setTime(40);
    //設(shè)置底圖的空間參考,默認(rèn)為3857,若參數(shù)和底圖不一致，繪制會(huì)出現(xiàn)偏差
    moveHelper.setSpatialReference(SpatialReference.create(3857));
    //在整個(gè)動(dòng)畫結(jié)束后的邏輯，在OnFinish()里完成
    moveHelper.setOnDraw(new MoveHelper.onDraw() {
        @Override
        public void onFinish() {
            
        }
    });
    //注意：開(kāi)始動(dòng)畫時(shí)，你必須要在之前初始化所有的必要參數(shù)，如：動(dòng)畫時(shí)間，移動(dòng)時(shí)的圖標(biāo)等等。
    moveHelper.start();//開(kāi)始動(dòng)畫
    moveHelper.pause();//暫停動(dòng)畫

這樣就可以開(kāi)始自己的動(dòng)畫了。

后記

可能講的不是很清楚，望大家多見(jiàn)諒。（滑稽.jpg）但是功能和源碼都已經(jīng)實(shí)現(xiàn)了，可以直接去看源碼，注釋的也很清楚，也可以直接拿去使用。

到這也就基本結(jié)束了，下次見(jiàn)。

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av

ArcGIS軌跡回放

ArcGIS軌跡回放

前言

效果實(shí)現(xiàn)

代碼

使用

后記

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九 欧美,1769亚洲,黄色成人av

ArcGIS軌跡回放

前言

效果實(shí)現(xiàn)

代碼

使用

后記

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容

色偷偷精品伊人,欧洲久久精品,欧美综合婷婷骚逼,国产AV主播,国产最新探花在线,九色在线视频一区,伊人大交九欧美,1769亚洲,黄色成人av