• 这是一个3d web gis 的应用，目前市面上的web gis 应用，基本都是基于leaflet 或者 openlayers 进行二次开发， 而leaflet 或者 openlayers 本身功能有限，无法满足实际开发需求，而Cesium后续进行特效开发时过于繁杂，所以，基于three.js 开发了一个web gis 应用，threejs本身就已经是web端3D图形库,使用起来比较方便，也方便后续对gis地图进行扩展，不需要从底层进行开发，特别是对我这样的非图形学专业人员。
• 其次就是导师点兵点将让我上场，导师理由如下：
  • 1、想要移动端的地图。
  • 2、不能是国外地图，因为有敏感数据。
  • 3、需要具有一定模型处理能力。
  • 4、需要具备数字孪生能力。
  • 5、需要数据驱动。 基于以上原因，选择基于threejs重新造轮子。

• 一个3D地球例子，目前市面上暂时无基于threejs开发的3d地图，地图图源选自bing的数据，带有LOD功能。
• 3D地球

• 首先下载threejs引入界面，然后下载wegeo.module.js引入页面内。

  <script type="importmap">
    	{
    		"imports": {
    			"three": "../build/three.module.js",
    			"three/addons/": "../build/jsm/",
    			"Geo": "../build/wegeo.module.js"
    		}
    	}
    </script>
  
    <script type="module">
    	// 需要全量构建geo，目前不能把threejs排除在外
    	import {WegeoMap,MapView, TianDiTuProvider, Config, BingMapsProvider} from 'Geo';
    	let provider = new BingMapsProvider();
    	// 地名服务
    	let nameprovider = new TianDiTuProvider({
    		service:'cva_w',
    		token: 'yourtoken'
    	});
  
    	// map.addView(provider);
    	let edgeprovider = new TianDiTuProvider({
    		service:'ibo_w',
    		token: 'yourtoken'
    	});
    	// Config.outLine.on = true;
    	const map = new WegeoMap(); 
    	map.addBaseSphereMap({
    		providers: [provider,nameprovider, edgeprovider]
    	});
    	
    	map.resize();
    	map.animate();
  
    </script>

  也可以参考demo里面的使用方法。

npm i install
npm run build

基础代码结构是copy的https://github.com/tentone/geo-three,大家可以参考该应用。 在该基础上，本应用扩展了球形地球，多图层叠加，同时也有多layers的概念，后续会用到。本来在开发地名和境界服务的时候便使用的为layers，但是多layers的方式在球形地图时会出现问题，经过参考sxguojf的应用之后，对平面和球形地图进行统一，均采用多材质的方式进行渲染。

• 世界一：仅仅具有可视化的地图
• 世界二：支持各种模型，3dtiles，obj等格式。具备基本交互功能。
• 世界三：数字孪生世界，以数据为驱动。 世界一已在2024年7月14日开发完毕，后续将开发世界二，敬请期待。

本应用主要参考了

• tentone/geo-three，但是该作者的3D地球基本是个静态的，主要还是平面地图。
• https://github.com/sxguojf/three-tile
• Cesium: https://github.com/CesiumGS/cesium
• leaflet:https://github.com/Leaflet/Leaflet
• threejs:https://github.com/mrdoob/three.js

• 感谢导师的支持。
• 感谢github各位大佬的无私贡献，解答了我很多问题。
• 感谢同组各位同门的支持。

• 期待各位大佬提出宝贵意见，共同进步。

• **大学