Bootstrap

Cesium高级开发教程之四十一:Three#中国地图

一、效果图

二、代码

1、创建cavas

<canvas id="china" />

2、cavas的css

  #china {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0%;
  }

3、引入中国地图JSON

  import ChinaJSON from '@/assets/json/china-mercator.json'

4、引入Three相关组件

  import * as THREE from 'three'
  import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
  import { Reflector } from 'three/examples/jsm/objects/Reflector'

5、创建三维中国地图

let mirror = undefined
  onMou
;