Update README screenshots and example code, modify build script to run build-typings

Author: w12594822

@flywave/flywave.gl/README.md

@@ -33,12 +33,20 @@ You can use this engine to:
 <div align="center">
 
 |  |  |  |
-| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
-| <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/01-globe-view.png" alt="Globe View" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/02-terrain-rendering.png" alt="Terrain Rendering" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/03-3dtiles-rendering.png" alt="3D Tiles Rendering" width="200" /> |
+|:---:|:---:|:---:|
+| ![3D Globe](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/01-globe-view.png) | ![Terrain](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/02-terrain-rendering.png) | ![Atmosphere](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/08-atmosphere.png) |
+
+|  |  |  |
+|:---:|:---:|:---:|
+| ![Controls](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/06-interactive-controls.png) | ![Post-processing](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/04-post-processing.png) | ![Animation](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/09-animation.png) |
+
 |  |  |  |
-| <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/04-post-processing.png" alt="Post Processing" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/06-interactive-controls.png" alt="Interactive Controls" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/07-planar-map.png" alt="Planar Map" width="200" /> |
+|:---:|:---:|:---:|
+| ![Planar](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/07-planar-map.png) | ![3D Tiles](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/03-3dtiles-rendering.png) | ![Drawing](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/16-drawing-controls.png) |
+
 |  |  |  |
-| <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/08-atmosphere.png" alt="Atmosphere Effect" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/09-animation.png" alt="Animation System" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/11-lighting.png" alt="Lighting System" width="200" /> |
+|:---:|:---:|:---:|
+| ![New Feature 1](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/Snip20250917_4.png) | ![New Feature 2](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/Snip20251016_3.png) | ![New Feature 3](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/Snip20251021_4.png) |
 
 </div>
 
@@ -72,14 +80,30 @@ npm install @flywave/flywave.gl
 ### Basic Usage
 
 ```typescript
-import { MapView, GeoCoordinates, sphereProjection } from "@flywave/flywave.gl";
-
+import { 
+    MapView, 
+    GeoCoordinates, 
+    MapControls, 
+    sphereProjection,
+    ArcGISWebTileDataSource 
+} from "@flywave/flywave.gl";
+
+// Initialize map view
 const mapView = new MapView({
-  projection: sphereProjection,
-  target: new GeoCoordinates(36, 118),
-  zoomLevel: 6,
-  canvas: document.getElementById("mapCanvas") as HTMLCanvasElement
+    projection: sphereProjection,
+    target: new GeoCoordinates(39.9042, 116.4074), // Beijing coordinates
+    zoomLevel: 10,
+    canvas: document.getElementById("mapCanvas")
 });
+
+// Create data source
+const webTileDataSource = new ArcGISWebTileDataSource();
+
+// Add data source to map
+mapView.addDataSource(webTileDataSource);
+
+// Add controls for user interaction
+const mapControls = new MapControls(mapView);
 ```
 
 ## Core Features

@flywave/flywave.gl/README.zh.md

@@ -33,12 +33,20 @@
 <div align="center">
 
 |  |  |  |
-| :----------------------------------------------------------: | :----------------------------------------------------------: | :----------------------------------------------------------: |
-| <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/01-globe-view.png" alt="球面视图" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/02-terrain-rendering.png" alt="地形渲染" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/03-3dtiles-rendering.png" alt="3D Tiles渲染" width="200" /> |
+|:---:|:---:|:---:|
+| ![3D 球面](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/01-globe-view.png) | ![地形](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/02-terrain-rendering.png) | ![大气](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/08-atmosphere.png) |
+
+|  |  |  |
+|:---:|:---:|:---:|
+| ![控制](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/06-interactive-controls.png) | ![后期处理](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/04-post-processing.png) | ![动画](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/09-animation.png) |
+
 |  |  |  |
-| <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/04-post-processing.png" alt="后期处理" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/06-interactive-controls.png" alt="交互控制" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/07-planar-map.png" alt="平面地图" width="200" /> |
+|:---:|:---:|:---:|
+| ![平面](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/07-planar-map.png) | ![3D 瓦片](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/03-3dtiles-rendering.png) | ![绘图](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/16-drawing-controls.png) |
+
 |  |  |  |
-| <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/08-atmosphere.png" alt="大气效果" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/09-animation.png" alt="动画系统" width="200" /> | <img src="https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/11-lighting.png" alt="光照系统" width="200" /> |
+|:---:|:---:|:---:|
+| ![新功能 1](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/Snip20250917_4.png) | ![新功能 2](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/Snip20251016_3.png) | ![新功能 3](https://raw.githubusercontent.com/flywave/flywave.gl/master/docs/static/screenshots/Snip20251021_4.png) |
 
 </div>
 
@@ -72,14 +80,30 @@ npm install @flywave/flywave.gl
 ### 代码中使用
 
 ```ts
-import { MapView, GeoCoordinates, sphereProjection } from "@flywave/flywave.gl";
-
+import { 
+    MapView, 
+    GeoCoordinates, 
+    MapControls, 
+    sphereProjection,
+    ArcGISWebTileDataSource 
+} from "@flywave/flywave.gl";
+
+// 初始化地图视图
 const mapView = new MapView({
-  projection: sphereProjection,
-  target: new GeoCoordinates(36, 118),
-  zoomLevel: 6,
-  canvas: document.getElementById("mapCanvas") as HTMLCanvasElement
+    projection: sphereProjection,
+    target: new GeoCoordinates(39.9042, 116.4074), // 北京坐标
+    zoomLevel: 10,
+    canvas: document.getElementById("mapCanvas")
 });
+
+// 创建数据源
+const webTileDataSource = new ArcGISWebTileDataSource();
+
+// 添加数据源到地图
+mapView.addDataSource(webTileDataSource);
+
+// 添加控制以支持用户交互
+const mapControls = new MapControls(mapView);
 ```
 
 ## 核心功能

@flywave/flywave.gl/package.json

@@ -28,8 +28,8 @@
     ],
     "scripts": {
         "tsc": "tsc --build",
-        "build": "webpack --mode production",
-        "prepare": "webpack --mode production",
+        "build": "webpack --mode production && npm run build-typings",
+        "prepare": "webpack --mode production && npm run build-typings",
         "build-typings": "tsc --build && api-extractor run --local && echo 'export as namespace flywave;' >> dist/flywave.d.ts && rm -rf temp",
         "debug": "webpack"
     },
@@ -71,6 +71,10 @@
         "@flywave/flywave-vectortile-datasource": "workspace:*",
         "@flywave/flywave-webpack-utils": "workspace:*",
         "@flywave/flywave-webtile-datasource": "workspace:*",
+        "@flywave/flywave-geojson-datasource": "workspace:*",
+        "@flywave/flywave-gltf": "workspace:*",
+        "@flywave/flywave-transfer-manager": "workspace:*",
+        "@flywave/flywave-geometry": "workspace:*",
         "copy-webpack-plugin": "catalog:",
         "cross-env": "catalog:",
         "expose-loader": "5.0.1",