前几天项目中有个需求是基于Vue框架使用CesiumJS库，需要创建里面gltf模型对应的Popup弹窗组件 来介绍一些关于这个entity的详细信息。

• 因为UI样式定制化较高，且可能多处需要调用，所以需要封装一个Popup组件。
• 并且如果使用原生html文本来一点点编写组件的话，开发起来会很呆 - -| 所以，改用创建并挂载一个Vue页面组件来实现这个弹窗页面。
• 接下来介绍一下实现步骤：
  

最近项目中遇到了视频流播放的相关业务处理，因为同时有断线重连的需求，所以为了减少业务页面的代码量，对组件进行封装使用

项目基于 Vue 框架进行开发

• 上代码

前一阵子在使用antVL7进行地图可视化开发时遇到一些问题，这里总结记录一下

经典热力图展示问题

首先是基本用法

1 2 3 4 5 6 7 8

const myHeatmapLayer = new HeatmapLayer() .source(data) .shape('heatmap') .size('demonum', [0, 1.0]) .style({ // 具体色带，热力图最小半径等配置，可以自行去官网查看 ...... })

上述代码 data 是一个由多个 feature 点构成的 geojson 格式数据；
其中 demonum 是上述数据中 feature 属性即 feature.properties.demonum 字段大小（必须为数字类型，可以遍历使用Number()操作）
由于有多个 feature, 所以热力图 将根据每个 feature 中的 demonum 字段大小作为热力值进行绘制

js定时器实现一个网页时钟，直接贴代码（Vue框架环境）

1
2
3
4
5
6
7
8

<template>
  <div>
    <div class="he-sjzt">
      <div class="he-xs">{{ dateTime }}</div>
      <div class="he-nyr">{{ yearTime }}</div>
    </div>
  </div>
</template>