在数据可视化项目中,地图展示是一个不可或缺的环节。特别是需要快速适应各种城市和地区的需求时,geoJson地图表现得尤为重要。今天,我们将重点介绍宜昌市西陵区geoJson地图的多种视觉效果和应用场景,基于echarts和threejs技术实现。
宜昌市西陵区位于湖北省西部,长江...
yekong
1年前 (2023-10-31)
喜欢
vue3 数据可视化大屏边框 - 运营分析平台
边框由标题 主体 背景图片 下展背景动画等组成。
效果截图
动画效果
动画处理
默认隐藏边框,然后使用gsap来加载一个自上而下展开的动画效果,动画效果完成后,再将边框主体渐显出来。可以父组件可以通过 :duration=&qu...
yekong
1年前 (2023-10-30)
喜欢
数据可视化大屏项目开发中,需要渲染地图,并且要渲染地图最外层的边界轮廓。这时候我们需要对数据进行,来实现我们想要的效果。这里我们选择的是在线工具。
在线工具
mapshaper
打开工具
选择我们需要处理的geoJson文件
命令行处理
上传完数据后,我们选择右上角consol...
yekong
1年前 (2023-10-30)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts十堰市地区地图geoJson数据。
十堰,别称车城,湖北省辖地级市,被誉为中国卡车之都,武当山、汉江水、汽车城是十堰...
yekong
1年前 (2023-10-29)
喜欢
在数据可视化项目中,ECharts地图和Three.js地图常常成为数据展示的强有力工具。为了便于实现不同城市地图的快速渲染,本文将以十堰市丹江口市GeoJson为例,展示如何利用GeoJSON数据绘制各类高效的地图效果。
丹江口市位于中国湖北省西部,是十堰市下辖的一个县级市。该...
yekong
1年前 (2023-10-29)
喜欢
在Vue 3中,<script setup> 和普通的 <script> 标签都用于包含组件的JavaScript逻辑,但它们有一些关键区别。
<script setup>
Simpler Syntax: <script setup&g...
yekong
1年前 (2023-10-29)
喜欢
数据可视化在各种项目中已成为不可或缺的一部分。特别是地图可视化,能够提供更直观、更高效的数据解读方式。本文着重介绍如何使用ECharts和GeoJSON数据实现湖北省十堰市房县的高度自定义地图效果。这个实例不仅适用于房县,同样也为其他城市或区域提供了一种可行方案。
房县坐落在湖北...
yekong
1年前 (2023-10-29)
喜欢
threejs项目中,当模型很大的时候,我们观察模型的某个部位的细节时,就需要让相机靠近对应的区域以达到我们想要的效果,今天我们来实现这个效果。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
演...
yekong
1年前 (2023-10-29)
喜欢
大屏数据可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是十堰市竹溪县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
1 echart...
yekong
1年前 (2023-10-28)
喜欢
一直习惯用Photoshop处理文件,今天有个项目需要使用sketch,使用一开始就遇到问题了,鼠标滚动缩放和ps是反着的,这让人很不习惯,如何让sketch和Photoshop滚轮缩放一致呢?
找到Sketch首选项-画布-反转滚动方向勾选然后就可以了。
...
yekong
1年前 (2023-10-27)
喜欢