数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理洛阳市涧西区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
涧西区,隶属河南省洛阳市,是洛阳市内五区之一,于1955年7月成立。因位于涧河以西,故名涧西区。东以涧河为界,与西工区隔河相望,西与洛龙区接壤,北临涧河,南傍秦岭。幅员面积88.8平方公里,下辖12个街道、1个产业集聚区。根据第七次人口普查数据,截至2020年11月1日零时,涧西区常住人口为509962人。
echarts洛阳市涧西区地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs洛阳市涧西区地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习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地图指定区域闪烁实例代码
洛阳市涧西区下辖有南昌路街道,周山路街道,长春路街道,郑州路街道,重庆路街道,长安路街道,工农街道,武汉路街道,徐家营街道,湖北路街道,珠江路街道,天津路街道,瀛洲街道,辛店街道
洛阳市涧西区下辖区域坐标
{"南昌路街道":[112.37597630224414,34.6560264678063],"周山路街道":[112.39787321657634,34.64783094240602],"长春路街道":[112.40589592051349,34.66748184895347],"郑州路街道":[112.36171079435094,34.66203674188571],"重庆路街道":[112.33737682666845,34.68170785861573],"长安路街道":[112.37443970232036,34.67654123483649],"工农街道":[112.32956716146259,34.67157877890574],"武汉路街道":[112.34491458963048,34.67917562261472],"徐家营街道":[112.36205794260107,34.61182904474788],"湖北路街道":[112.37540437820921,34.63844829601759],"珠江路街道":[112.40802539113417,34.64666643520617],"天津路街道":[112.39089277674023,34.6750386045407],"瀛洲街道":[112.3427655915998,34.63413875873481],"辛店街道":[112.31619573874647,34.58965517365414]}