
<template>
  <div id="app">
    <div id="cesiumContainer"></div>
    <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
    <HelloWorld msg="Welcome to Your Vue.js App"/>
  </div>
</template>

<script>
/* eslint-disable no-unused-vars */
/* eslint-disable no-console */
/* eslint-disable no-undef */

import { Viewer } from "cesium";
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'app',
  components: {
    HelloWorld
  },
  mounted: () => {
    const cesiumContainer = document.getElementById('cesiumContainer');
    // eslint-disable-next-line no-undef
    console.log(cesiumContainer)
    const viewer = new Viewer('cesiumContainer');
    // const viewer = new smart3d.Viewer('cesiumContainer', {
    //   sceneMode: smart3d.SceneMode.SCENE3D,
    //   scene3DOnly: true
    // });
    // const distanceHandler = new smart3d.MeasureHandler(viewer, smart3d.MeasureMode.Distance);
    // distanceHandler.activate();
  }
}
</script>

<style>
</style>
