同步代码

Author: muyao1987

package.json

@@ -24,7 +24,7 @@
     "echarts": "^5.5.0",
     "lodash": "^4.17.21",
     "mars3d": "~3.8.0",
-    "mars3d-cesium": "^1.121.0",
+    "mars3d-cesium": "^1.122.0",
     "moment": "^2.30.1",
     "monaco-editor": "^0.44.0",
     "nprogress": "^0.2.0",

public/config/example.json

@@ -3869,7 +3869,8 @@
             "hasPannel": true,
             "libs": [
               "mars3d",
-              "mars3d-wind"
+              "mars3d-wind",
+              "mars3d-heatmap"
             ]
           }
         ]

public/lib/mars3d/mars3d.css

@@ -2,7 +2,7 @@
  * Mars3D三维可视化平台  mars3d
  *
  * 版本信息：v3.8.4
- * 编译日期：2024-10-13 21:30:06
+ * 编译日期：2024-10-15 23:02
  * 版权所有：Copyright by 火星科技  http://mars3d.cn
  * 使用单位：免费公开版 ，2024-08-01
  */

public/lib/mars3d/mars3d.d.ts

@@ -3,7 +3,7 @@
  * Mars3D三维可视化平台  mars3d
  *
  * 版本信息：v3.8.4
- * 编译日期：2024-10-13 21:30:06
+ * 编译日期：2024-10-15 23:02
  * 版权所有：Copyright by 火星科技  http://mars3d.cn
  * 使用单位：免费公开版 ，2024-08-01
  */
@@ -6558,7 +6558,7 @@ declare class FixedRoute extends Route {
      * 计算贴地线
      * @param [options] - 控制参数
      * @param [options.splitNum = 100] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.exact = false] - 是否进行精确计算， 传false时是否快速概略计算方式，该方式计算精度较低，但计算速度快，仅能计算在当前视域内坐标的高度
      * @param [options.has3dtiles = auto] - 是否在3dtiles模型上分析（模型分析较慢，按需开启）,默认内部根据点的位置自动判断（但可能不准）
      * @param [options.objectsToExclude] - 贴模型分析时，排除的不进行贴模型计算的模型对象，可以是： primitives, entities, 或 3D Tiles features
@@ -6577,7 +6577,7 @@ declare class FixedRoute extends Route {
      * 获取剖面数据
      * @param [options] - 控制参数
      * @param [options.splitNum = 100] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.has3dtiles = auto] - 是否在3dtiles模型上分析（模型分析较慢，按需开启）,默认内部根据点的位置自动判断（但可能不准）
      * @param [options.objectsToExclude] - 贴模型分析时，排除的不进行贴模型计算的模型对象，可以是： primitives, entities, 或 3D Tiles features
      * @param [options.offset = 0] - 可以按需增加偏移高度（单位：米），便于可视
@@ -15390,7 +15390,7 @@ declare class PointMeasure extends PointEntity {
  * @param options.style - 样式信息
  * @param [options.attr] - 附件的属性信息，可以任意附加属性，导出geojson或json时会自动处理导出。
  * @param [options.splitNum = 200] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
- * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+ * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
  * @param [options.has3dtiles = auto] - 是否在3dtiles模型上分析（模型分析较慢，按需开启）,默认内部根据点的位置自动判断（但可能不准）
  * @param [options.objectsToExclude] - 贴模型分析时，排除的不进行贴模型计算的模型对象，可以是： primitives, entities, 或 3D Tiles features
  * @param [options.exact = false] - 是否进行精确计算， 传false时是否快速概略计算方式，该方式计算精度较低，但计算速度快，仅能计算在当前视域内坐标的高度
@@ -15487,11 +15487,11 @@ declare class SectionMeasure extends DistanceMeasure {
  * @param [options.label] - 测量结果文本的样式
  * @param [options.offsetHeight = 0] - 盒子偏移显示的高度值，可以将盒子显示在空中来展示
  * @param [options.showDigBox = true] - 是否显示挖方盒子
- * @param [options.digBoxColor = Cesium.Color.RED.withAlpha(0.5)] - 挖方盒子的颜色
+ * @param [options.digBoxColor = "rgba(255, 0, 0, 0.3)"] - 挖方盒子的颜色
  * @param [options.showDigVolume = true] - 是否显示挖方体积结果文本
  * @param [options.digVolumeName = '挖方体积'] - 挖方体积结果的名称
  * @param [options.showFillBox = true] - 是否显示填方盒子
- * @param [options.fillBoxColor = Cesium.Color.YELLOW.withAlpha(0.5)] - 填方盒子的颜色
+ * @param [options.fillBoxColor = "rgba(140, 230, 50, 0.3)"] - 填方盒子的颜色
  * @param [options.showFillVolume = true] - 是否显示填方体积结果文本
  * @param [options.fillVolumeName = '填方体积'] - 填方体积结果的名称
  * @param [options.showArea = true] - 是否显示横切面积结果文本
@@ -24572,6 +24572,11 @@ declare class GroupLayer extends BaseGraphicLayer {
      * @returns 无
      */
     toBottom(): void;
+    /**
+     * 重新加载图层
+     * @returns 无
+     */
+    reload(): void;
 }
 
 /**
@@ -29156,6 +29161,7 @@ declare namespace Map {
      * @property [cameraController.enableTilt = true] - 3D和哥伦布视图下，是否允许用户倾斜相机
      * @property [cameraController.enableZoom = true] - 是否允许 用户放大和缩小视图
      * @property [cameraController.enableCollisionDetection = true] - 是否允许 地形相机的碰撞检测
+     * @property [cameraController.maximumTiltAngle] - 这个角度，相对于椭球法线，限制了用户可以倾斜相机的最大值。如果<code>undefined</code>，则相机倾斜的角度不受限制。
      *
      * 以下是Cesium.Clock时钟相关参数
      * @property [clock] - 时钟相关参数
@@ -29258,6 +29264,7 @@ declare namespace Map {
             enableTilt?: boolean;
             enableZoom?: boolean;
             enableCollisionDetection?: boolean;
+            maximumTiltAngle?: boolean;
         };
         clock?: {
             currentTime?: string | Cesium.JulianDate;
@@ -33324,6 +33331,10 @@ declare class CanvasWindLayer extends BaseLayer {
      * 风场数据，数据结构见类的构造方法说明
      */
     data: CanvasWindLayer.DataOptions;
+    /**
+     * 坐标数据对应的矩形边界
+     */
+    readonly rectangle: Cesium.Rectangle;
     /**
      * 设置 风场数据
      * @param data - 风场数据
@@ -34517,7 +34528,7 @@ declare class Measure extends BaseThing {
      * @param [options.maxPointNum = 9999] - 绘制时，最多允许点的个数
      * @param [options.addHeight] - 在绘制时，在绘制点的基础上增加的高度值
      * @param [options.splitNum = 200] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.has3dtiles = auto] - 是否在3dtiles模型上分析（模型分析较慢，按需开启）,默认内部根据点的位置自动判断（但可能不准）
      * @param [options.objectsToExclude] - 贴模型分析时，排除的不进行贴模型计算的模型对象，可以是： primitives, entities, 或 3D Tiles features
      * @param [options.exact = false] - 是否进行精确计算， 传false时是否快速概略计算方式，该方式计算精度较低，但计算速度快，仅能计算在当前视域内坐标的高度
@@ -34895,7 +34906,7 @@ declare class Sightline extends BaseThing {
      * @param [options = {}] - 控制参数，包括：
      * @param [options.offsetHeight = 0] - 在起点增加的高度值，比如加上人的身高
      * @param [options.splitNum = 50] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值时的最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值时的最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @returns 分析结果完成的Promise
      */
     addAsync(origin: Cesium.Cartesian3, target: Cesium.Cartesian3, options?: {
@@ -38611,7 +38622,7 @@ declare namespace PolyUtil {
      * @param options.scene - 三维地图场景对象，一般用map.scene或viewer.scene
      * @param options.positions - 坐标数组
      * @param [options.splitNum = 100] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.height = 0] - 坐标的高度
      * @param [options.surfaceHeight = true] - 是否计算贴地高度 （非精确计算，根据当前加载的地形和模型数据情况有关）
      * @returns 插值后的路线坐标数组
@@ -38643,7 +38654,7 @@ declare namespace PolyUtil {
      * @param options.scene - 三维地图场景对象，一般用map.scene或viewer.scene
      * @param options.positions - 坐标数组
      * @param [options.splitNum = 100] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.has3dtiles = auto] - 是否在3dtiles模型上分析（模型分析较慢，按需开启）,默认内部根据点的位置自动判断（但可能不准）
      * @param [options.objectsToExclude] - 贴模型分析时，排除的不进行贴模型计算的模型对象，可以是： primitives, entities, 或 3D Tiles features
      * @param [options.exact = false] - 是否进行精确计算， 传false时是否快速概略计算方式，该方式计算精度较低，但计算速度快，仅能计算在当前视域内坐标的高度
@@ -38697,7 +38708,7 @@ declare namespace PolyUtil {
      * @param options.scene - 三维地图场景对象，一般用map.scene或viewer.scene
      * @param options.positions - 坐标数组
      * @param [options.splitNum = 100] - 插值数，等比分割的个数(概略值，有经纬网网格来插值)
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.has3dtiles = auto] - 是否在3dtiles模型上分析（模型分析较慢，按需开启）,默认内部根据点的位置自动判断（但可能不准）
      * @param [options.objectsToExclude] - 贴模型分析时，排除的不进行贴模型计算的模型对象，可以是： primitives, entities, 或 3D Tiles features
      * @param [options.exact = false] - 是否进行精确计算， 传false时是否快速概略计算方式，该方式计算精度较低，但计算速度快，仅能计算在当前视域内坐标的高度
@@ -38814,7 +38825,7 @@ declare namespace PolyUtil {
      * @param options.scene - 三维地图场景对象，一般用map.scene或viewer.scene
      * @param options.positions - 坐标数组
      * @param [options.splitNum = 100] - 计算的间隔长度,数据量不能大于Cesium.ContextLimits.maximumTextureSize
-     * @param [options.minDistance] - 插值最小间隔(单位：米)，优先级高于splitNum
+     * @param [options.minDistance] - 插值最小间隔(单位：米)，提示：优先级高于splitNum，用于计算splitNum（非严格按这个值分割）
      * @param [options.cameraHeight = scene.camera.positionCartographic.height] - 相机高度
      * @returns 计算完成的相关数据
      */

public/lib/mars3d/mars3d.js

@@ -25640,7 +25640,7 @@ exports.inflateUndermine = inflateUndermine;
           this._canvas = document.createElement("canvas")
           this._canvas.width = this._tileWidth
           this._canvas.height = this._tileHeight
-          this._context = this._canvas.getContext("2d")
+          this._context = this._canvas.getContext("2d", { willReadFrequently: true })
 
           if (this._defaultStyle.backgroundColor) {
             if (this._defaultStyle.backgroundColor instanceof Cesium["Color"]) {

public/lib/mars3d/plugins/echarts/mars3d-echarts.js

@@ -336,6 +336,11 @@ export class GraphicLayerState extends Component<any, any> {
             enabledEdit: graphics[0].hasEdit
           })
         }
+        // 当加载矢量只有一条时，自动打开编辑面板
+        if (graphics.length === 1) {
+          this.startEditGraphic({ key: graphics[0].id, name: graphics[0].name })
+        }
+
         this.setState({
           hasTable: graphics.length > 0
         })

public/lib/mars3d/plugins/heatmap/mars3d-heatmap.js

@@ -320,7 +320,7 @@ export function bindGraphicDynamicAttrDemo() {
     position: {
       // 【从后端读取的动态坐标】API: http://mars3d.cn/api/BaseGraphic.html#.AjaxPosition
       type: "ajax",
-      url: "http://studio.mars3d.cn/api/gap/open/random/point",
+      url: "http://studio-api.mars3d.cn/api/gap/open/random/point",
       dataColumn: "data", // 接口返回数据中，对应的属性数据所在的读取字段名称，支持多级(用.分割)；如果数据直接返回时可以不配置。
       latColumn: "lat",
       lngColumn: "lng",
@@ -348,7 +348,7 @@ export function bindGraphicDynamicAttrDemo() {
     attr: {
       // 【从后端读取的动态属性】API: http://mars3d.cn/api/BaseGraphic.html#.AjaxAttr
       type: "ajax",
-      url: "http://studio.mars3d.cn/api/gap/open/appInfo",
+      url: "http://studio-api.mars3d.cn/api/gap/open/appInfo",
       dataColumn: "data", // 接口返回数据中，对应的属性数据所在的读取字段名称，支持多级(用.分割)；如果数据直接返回时可以不配置。
       cacheTime: 1 // 在time秒内再次访问读取时，直接使用上一次历史值，避免高频访问后端。
     }

public/lib/mars3d/plugins/mapv/mars3d-mapv.js

@@ -284,7 +284,7 @@ export function bindGraphicDynamicAttrDemo() {
     position: {
       // 【从后端读取的动态坐标】API: http://mars3d.cn/api/BaseGraphic.html#.AjaxPosition
       type: "ajax",
-      url: "http://studio.mars3d.cn/api/gap/open/random/point",
+      url: "http://studio-api.mars3d.cn/api/gap/open/random/point",
       dataColumn: "data", // 接口返回数据中，对应的属性数据所在的读取字段名称，支持多级(用.分割)；如果数据直接返回时可以不配置。
       latColumn: "lat",
       lngColumn: "lng",
@@ -311,7 +311,7 @@ export function bindGraphicDynamicAttrDemo() {
     attr: {
       // 【从后端读取的动态属性】API: http://mars3d.cn/api/BaseGraphic.html#.AjaxAttr
       type: "ajax",
-      url: "http://studio.mars3d.cn/api/gap/open/appInfo",
+      url: "http://studio-api.mars3d.cn/api/gap/open/appInfo",
       dataColumn: "data" // 接口返回数据中，对应的属性数据所在的读取字段名称，支持多级(用.分割)；如果数据直接返回时可以不配置。
     }
   })

public/lib/mars3d/plugins/space/mars3d-space.js

@@ -79,7 +79,9 @@ function addSatellite() {
     tle1: "1 38775U 12050B   19233.58396017  .00000002  00000-0  00000+0 0  9996",
     tle2: "2 38775  54.9682 146.4459 0022572 250.3518 274.6095  1.86232229 47268",
     model: {
-      url: "//data.mars3d.cn/gltf/mars/weixin.gltf"
+      url: "//data.mars3d.cn/gltf/mars/weixin.gltf",
+      scale: 1,
+      minimumPixelSize: 150
     },
     path: {
       color: "#36d9ec"

public/lib/mars3d/plugins/wind/mars3d-wind.js

@@ -66,8 +66,8 @@ export async function drawRectangle() {
       color: "#ffff00",
       opacity: 0.2,
       outline: true,
-      outlineColor: "#ffffff",
-      clampToGround: true
+      outlineColor: "#ffffff"
+      // clampToGround: true
     }
   })
 }
@@ -82,8 +82,8 @@ export async function drawPolygon() {
       color: "#ffff00",
       opacity: 0.2,
       outline: true,
-      outlineColor: "#ffffff",
-      clampToGround: true
+      outlineColor: "#ffffff"
+      // clampToGround: true
     }
   })
 }
@@ -98,8 +98,8 @@ export async function drawCircle() {
       color: "#ffff00",
       opacity: 0.2,
       outline: true,
-      outlineColor: "#ffffff",
-      clampToGround: true
+      outlineColor: "#ffffff"
+      // clampToGround: true
     }
   })
 }

public/lib/mars3d/thirdParty/weiVectorTile/CesiumVectorTile.js

@@ -110,6 +110,9 @@ function showGeoJsonVectorTile(geojson) {
   })
   map.addLayer(tileLayer)
 
+  // 如果图层加 clampToTileset: true 参数存在底图异常时加下面代码
+  // map.basemap.reload()
+
   tileLayer.on(mars3d.EventType.click, function (event) {
     console.log("单击了图层", event)
   })

src/components/MarsSample/GraphicLayerState.tsx

@@ -90,6 +90,9 @@ function showWeiVectorTileLayer() {
     })
     map.addLayer(tileLayer)
 
+    // 如果图层加 clampToTileset: true 参数存在底图异常时加下面代码
+    // map.basemap.reload()
+
     tileLayer.on(mars3d.EventType.load, function (event) {
       console.log("加载完成", event)
     })

src/example/control/inside/popup/map.js

@@ -100,6 +100,16 @@ export function loadEarthData() {
       }
       earthWindData = res
       canvasWindLayer.data = earthWindData
+
+      setTimeout(function () {
+        const arrPoints = []
+        const particles = canvasWindLayer._canvasParticles
+        for (let index = 0, len = particles.length; index < len; index++) {
+          const item = particles[index]
+          arrPoints.push({ lat: item.lat, lng: item.lng - 180, value: item.speed }) // - 180是针对当前数据特殊处理
+        }
+        showHeatMap(arrPoints)
+      }, 3000)
     })
     .catch(function (err) {
       console.log("请求数据失败!", err)
@@ -121,6 +131,18 @@ export function loadDongnanData() {
       }
       dongnanWindData = convertWindData(res.data)
       canvasWindLayer.data = dongnanWindData
+      canvasWindLayer.fixedHeight = 60000
+
+      // 热力图
+      setTimeout(function () {
+        const arrPoints = []
+        const particles = canvasWindLayer._canvasParticles
+        for (let index = 0, len = particles.length; index < len; index++) {
+          const item = particles[index]
+          arrPoints.push({ lat: item.lat, lng: item.lng, value: item.speed })
+        }
+        showHeatMap(arrPoints)
+      }, 3000)
     })
     .catch(function () {
       globalMsg("实时查询气象信息失败，请稍候再试")
@@ -190,3 +212,36 @@ function getKeyNumCount(arr, key) {
   }
   return count
 }
+
+let heatLayer
+function showHeatMap(arrPoints) {
+  if (heatLayer) {
+    heatLayer.destroy()
+  }
+
+  // 热力图 图层
+  heatLayer = new mars3d.layer.HeatLayer({
+    positions: arrPoints,
+    min: 0,
+    max: 20,
+    // 以下为热力图本身的样式参数，可参阅api：https://www.patrick-wied.at/static/heatmapjs/docs.html
+    heatStyle: {
+      radius: 10,
+      blur: 0.6,
+      minOpacity: 0,
+      maxOpacity: 0.6,
+      gradient: {
+        0: "#e9ec36",
+        0.25: "#ffdd2f",
+        0.5: "#fa6c20",
+        0.75: "#fe4a33",
+        1: "#ff0000"
+      }
+    },
+    // 以下为矩形矢量对象的样式参数
+    style: {
+      opacity: 1.0
+    }
+  })
+  map.addLayer(heatLayer)
+}

src/example/control/inside/tooltip/map.js

@@ -11,6 +11,11 @@ export const mapOptions = {
     baseColor: "rgba(0,0,0.0,0.5)",
     globe: {
       depthTestAgainstTerrain: true
+    },
+    cameraController: {
+      zoomFactor: 1.5,
+      minimumZoomDistance: 0.1,
+      enableCollisionDetection: false // 允许进入地下
     }
   }
 }