hj-gis-sdk 1.0.0 → 1.0.2

package/src/measurement.ts

@@ -0,0 +1,80 @@
+import { Addons } from 'hj-gis-sdk'
+
+/// 测量示例
+
+import { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'
+import { initializeApp } from './common'
+
+import GUI from 'lil-gui'
+import { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'
+
+Logger.InitLogging(LogLevel.Info, false)
+const { UERPCNode, MeasurementType } = Addons
+
+let world: InstanceType<typeof Addons.World>
+let camera: InstanceType<typeof PerspectiveCamera>
+
+let measurementNode: InstanceType<typeof UERPCNode>
+
+async function _initializeApp() {
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  const AppElement = document.querySelector('#ue')! as HTMLElement
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+
+  // 加载地图 并 调整 camera 的站位
+  await world!.loadLevelByName('plgz')
+  camera!.transform.rotation.pitch = -12.259792797845645
+  camera!.transform.rotation.yaw = 126.9423080594274
+  camera!.transform.rotation.roll = 0.00003001662846458654
+  camera!.transform.position.set(
+    -234809.24784008358,
+    -74593.71088085348,
+    13755.085257765979
+  )
+}
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}
+
+const MeasurementOptions = {
+  区域: MeasurementType.Area,
+  线段: MeasurementType.Path,
+  高度: MeasurementType.Height
+}
+
+const MeasurementConfig = {
+  measurement: ''
+}
+
+const gui = new GUI()
+
+gui.add(MeasurementConfig, 'measurement', MeasurementOptions).name('测量类型')
+gui
+  .add(
+    {
+      measure: () => {
+        world!.tools.measurement.draw(MeasurementConfig.measurement)
+      }
+    },
+    'measure'
+  )
+  .name('测量开始')
+gui
+  .add(
+    {
+      cancel: () => {
+        world!.tools.measurement.clean()
+      }
+    },
+    'cancel'
+  )
+  .name('测量取消')

package/src/scatter.ts

@@ -0,0 +1,105 @@
+/// 散点图
+
+import { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'
+import { initializeApp } from './common'
+import { Addons } from 'hj-gis-sdk'
+import GUI from 'lil-gui'
+import { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'
+
+Logger.InitLogging(LogLevel.Info, false)
+let world: InstanceType<typeof Addons.World>
+let camera: InstanceType<typeof PerspectiveCamera>
+
+async function _initializeApp() {
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  const AppElement = document.querySelector('#ue')! as HTMLElement
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+
+  // 加载地图 并 调整 camera 的站位
+  await world!.loadLevelByName('plgz')
+
+  // 设置相机位置
+  camera!.transform.position.z = 100
+  camera!.transform.position.x = -100
+}
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}
+
+// 散点图处理器类型
+let handler: any
+const gui = new GUI()
+
+// GUI 配置参数
+const scatterConfig = {
+  // 散点图配置参数
+}
+
+// 生成散点图按钮
+gui
+  .add(
+    {
+      generate: async () => {
+        // 散点图生成逻辑
+        if (handler) {
+          await handler.removeAll()
+          handler = undefined
+        }
+
+        // 创建示例点集
+        const pointParams = [
+          {
+            location: { X: 10, Y: 10, Z: 0 },
+            scale: { X: 1, Y: 1, Z: 1 },
+            tag: 'point1',
+            textContent: '点1'
+          },
+          {
+            location: { X: 20, Y: 20, Z: 0 },
+            scale: { X: 1, Y: 1, Z: 1 },
+            tag: 'point2',
+            textContent: 'POI_2'
+          },
+          {
+            location: { X: 30, Y: 10, Z: 0 },
+            scale: { X: 1, Y: 1, Z: 1 },
+            tag: 'point3',
+            textContent: 'POI_3'
+          }
+        ]
+
+        // 创建散点图
+        handler = await world.tools.scatter.create({
+          pointParams: pointParams
+        })
+        console.log('散点图生成成功', handler)
+      }
+    },
+    'generate'
+  )
+  .name('生成散点图')
+
+// 销毁散点图按钮
+gui
+  .add(
+    {
+      destroy: async () => {
+        if (handler) {
+          await handler.removeAll()
+          handler = undefined
+          console.log('散点图已销毁')
+        }
+      }
+    },
+    'destroy'
+  )
+  .name('销毁散点图')

package/src/weather.ts

@@ -0,0 +1,86 @@
+import { Addons } from 'hj-gis-sdk'
+
+/// 天气示例
+
+import { PerspectiveCamera } from 'hj-gis-sdk/addons/camera'
+import { initializeApp } from './common'
+
+import GUI from 'lil-gui'
+import { Logger, LogLevel } from '@epicgames-ps/lib-pixelstreamingcommon-ue5.5'
+Logger.InitLogging(LogLevel.Info, false)
+const { UERPCNode, WeatherType } = Addons
+
+let world: InstanceType<typeof Addons.World>
+let camera: InstanceType<typeof PerspectiveCamera>
+
+let weatherNode: InstanceType<typeof UERPCNode>
+
+async function _initializeApp() {
+  // const url = `ws://120.27.198.158:9001/player`
+  const url = `wss://kdyjs-proxy.metamaker.cn/proxy_gis_sdk`
+  const AppElement = document.querySelector('#ue')! as HTMLElement
+  let result = await initializeApp(url, AppElement)
+  world = result.world
+  camera = result.camera
+
+  // 加载地图 并 调整 camera 的站位
+  await world!.loadLevelByName('plgz')
+  camera!.transform.rotation.pitch = -12.259792797845645
+  camera!.transform.rotation.yaw = 126.9423080594274
+  camera!.transform.rotation.roll = 0.00003001662846458654
+  camera!.transform.position.set(
+    -234809.24784008358,
+    -74593.71088085348,
+    13755.085257765979
+  )
+}
+
+// 判断 window 是否初始化完成
+if (document.readyState === 'loading') {
+  // 文档正在加载，等待DOMContentLoaded事件
+  document.addEventListener('DOMContentLoaded', _initializeApp)
+} else {
+  // 文档已经加载完成，直接初始化应用
+  _initializeApp()
+}
+
+// 天气处理器类型
+let weatherHandler: any // 实际类型需要根据项目定义
+const gui = new GUI()
+
+// 天气配置对象
+const weatherConfig = {
+  type: '' // 默认天气类型
+}
+
+// 天气类型选项
+const weatherOptions = {
+  晴天: WeatherType.SUNNY,
+  雾天: WeatherType.Foggy,
+  雨天: WeatherType.RAIN,
+  雪天: WeatherType.SNOW
+}
+
+// 添加天气类型下拉菜单
+gui
+  .add(weatherConfig, 'type', weatherOptions)
+  .name('天气类型')
+  .onChange(async (value: string) => {
+    // 当选择变化时，根据选择的天气类型调用相应的方法
+    switch (value) {
+      case WeatherType.SUNNY:
+        await world.tools.weather.setWeather(WeatherType.SUNNY)
+        break
+      case WeatherType.Foggy:
+        await world.tools.weather.setWeather(WeatherType.Foggy)
+        break
+      case WeatherType.RAIN:
+        await world.tools.weather.setWeather(WeatherType.RAIN)
+        break
+      case WeatherType.SNOW:
+        await world.tools.weather.setWeather(WeatherType.SNOW)
+        break
+      default:
+        console.log('未知的天气类型:', value)
+    }
+  })

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2024", "DOM"],
+    "moduleResolution": "node",
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictBindCallApply": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "declaration": true,
+    "declarationDir": "./dist/types",
+    "declarationMap": true,
+    "sourceMap": true,
+    "rootDir": ".",
+    "resolveJsonModule": true,
+    "typeRoots": ["./types", "./node_modules/@types"],
+    "baseUrl": "."
+  },
+  "include": ["hj-gis-sdk/**/*", "src/**/*"],
+  "exclude": ["node_modules", "dist", "types"]
+}