JGIS重新定义 GIS 开发体验

基于函数式编程 · 多入口架构 · 极致轻量

快速开始

API 文档

📦 多入口架构

严格分离 2D (OpenLayers) 与 3D (Cesium)，告别巨型包体积。

🚀 函数式 Hooks

useSelect, useMap... 像写 React/Vue 一样写地图逻辑。

⚡️ 混合拾取 Hybrid

一套 API 同时搞定 Vector 与 WMS 图层点击，统一高亮。

javascript

// 🐢 Old Way (OpenLayers 原生)
map.on('click', (e) => {
  const feature = map.forEachFeatureAtPixel(e.pixel, f => f);
  if (feature) {
    // 手动创建高亮层...
  } else {
    // 发送 WMS 请求...
  }
});

// 🐇 The JGIS Way
const select = createSelect({
  layers: [vector, wms],
  style: new Style({
    image: new CircleStyle({
      radius: 10,
      fill: new Fill({ color: 'red' })
    })
  })
})

select.onSelect((e) => {
  console.log('点击事件', e)
})

🎨

动态样式引擎

完全控制权。根据图层类型、属性字段甚至缩放级别，动态计算高亮样式。

📦

Tree Shaking

只打包你用到的。2D 项目零 Cesium 代码。

🟦

TypeScript

100% 类型覆盖。智能提示，拒绝 AnyScript。

🎨

二三维一致

OpenLayers 与 Cesium API 风格统一，降低学习成本，快速切换二维与三维场景。

📦

全能拾取

一套 Select / Hover API 同时支持 Vector 与 WMS 服务，统一回调与高亮样式。

🔌

Vite 专属优化

内置 dedupe 配置指南，完美解决 OpenLayers 双重实例难题。