FlyRoute

按路线飞行，GisEye.FlyRoute。

示例

飞行路线

预览

收起

<template>
  <div class="viewer">
    <vc-viewer @ready="ready">
      <vc-layer-imagery >
        <vc-provider-imagery-urltemplate
          url="http://117.139.13.157:47786/gisserver/rest/services/mapserver/tdt-image/{z}/{x}/{y}"
          :maximumLevel="18"
        >
        </vc-provider-imagery-urltemplate>
      </vc-layer-imagery>  
  </vc-viewer>
  </div>
</template>

<script>
  const json=require('./../../../.vuepress/public/statics/SampleData/testxunjian.json')
  export default {
    data () {
      return {
      
      }
    },
    mounted () {
    },
    methods: {
      ready (cesiumInstance) {
        const {Cesium, viewer} = cesiumInstance
          viewer.scene.debugShowFramesPerSecond=true;
          let flyRoute = new GisEye.FlyRoute({
              routeData: json,
              viewer:viewer,
              isLoop:true,
              isAlongLine:true,
              showRouteLables:true,
              showRouteLine:true,
              isFirstView:true
          });
          flyRoute.onEnd.addEventListener(function (obj) {
              console.log(obj)
          })
          flyRoute.onstepArrived.addEventListener(function (obj) {
              console.log(obj)
          })            
          flyRoute.play();              
      }
    }
  }
</script>