可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是沧州市青县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
青县,隶属河北省沧州市,位于华北平原东部,中心位置约在东经116°80',北纬38°58'。总面积968平方千米。青县气候属温带半湿润大陆性季风气候。截至2021年10月,青县辖青县8个镇、2个乡,另辖1个乡级单位,县人民政府驻清州镇。截至2021年12月,青县总人口42万人。
echarts沧州市青县地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
threejs沧州市青县地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端3D可视化教程
更多效果实例
echarts 沧州市青县地图效果实例
1.echarts沧州市青县地图定义颜色效果
2.echarts沧州市青县地图迁徙图实例
3.echarts沧州市青县地图label自定义样式实例
4.echarts沧州市青县地图局部颜色渐变实例代码
5.echarts沧州市青县地图全局颜色渐变实例
6.echarts沧州市青县地图 visualMap控制地图颜色代码演示
7.echarts沧州市青县地图自定义引导线效果
8.echarts沧州市青县地图区域闪烁代码演示
9.echarts沧州市青县地图添加柱状图代码演示
10.echarts沧州市青县地图水滴状气泡图效果
11.echarts沧州市青县地图圆形波纹状气泡图演示实例
12.echarts沧州市青县地图点击地图插小旗效果
13.echarts沧州市青县地图 tooltip轮播实例代码
14.echarts沧州市青县地图阴影实例
15.echarts沧州市青县地图热力图效果
16.echarts沧州市青县地图指定区域高亮实例代码
17.echarts沧州市青县地图点击跳转到指定页面代码演示
18.echarts沧州市青县地图3d地图代码演示
19.echarts沧州市青县地图3d地图自定义图标演示实例
20.echarts沧州市青县地图3d地图实例旋转动画效果实例
21.echarts沧州市青县地图点击弹出自定义弹窗演示实例
22.echarts沧州市青县地图点击地图获取经纬度效果实例
23.echarts沧州市青县地图根据经纬度显示自定义html弹窗实例代码
24.echarts沧州市青县地图地图排行榜效果实例代码
25.echarts沧州市青县地图tooltip自定义html效果实例
threejs 沧州市青县地图效果实例
1.threejs沧州市青县地图3d地图代码演示
2.threejs沧州市青县地图3d地图css2d标签实例
3.threejs沧州市青县地图3d地图鼠标移入显示标签并高亮代码演示
4.threejs沧州市青县地图3d地图CSS3D标签效果
5.threejs沧州市青县地图3d地图添加旋转棱锥演示实例
6.threejs沧州市青县地图3d地图自定义贴图加CSS3D标签演示实例
7.threejs沧州市青县地图3d地图自定义贴图加CSS2D标签效果
8.threejs沧州市青县地图3d地图指定区域闪烁实例代码
沧州市青县下辖有流河镇,上伍乡,新兴镇,盘古乡,曹寺乡,清州镇,金牛镇,陈嘴乡,马厂镇,木门店镇,青县农场
沧州市青县下辖区域坐标
{"流河镇":[116.80434017079307,38.67300260412735],"上伍乡":[116.91238833675894,38.51928100244611],"新兴镇":[116.7390889760758,38.42866579411245],"盘古乡":[116.79520235007024,38.508277778189],"曹寺乡":[116.69203690873478,38.55022998902265],"清州镇":[116.84678881631027,38.57754533757563],"金牛镇":[117.00876189151565,38.57146443288296],"陈嘴乡":[116.85416154317099,38.45048440806377],"马厂镇":[116.9375080777541,38.63986205510417],"木门店镇":[116.68377874377373,38.46105057645506],"青县农场":[116.97931857621475,38.6866374023261]}