数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是洛阳市西工区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
西工区,隶属河南省洛阳市,地处洛阳市中心,总面积55.95平方千米。西工区整个地势北高南低,地貌由城区平原和邙山丘陵区及少量坡地组成。西工区位于暖温带地带,四季分明。截至2019年10月,西工区下辖9个街道。区政府驻王城路街道。根据第七次人口普查数据,截至2020年11月1日零时,西工区常住人口为369165人。
echarts洛阳市西工区地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs洛阳市西工区地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频课程 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.42330366908371,34.67965664140753],"王城路街道":[112.421445314473,34.65634517208916],"邙岭路街道":[112.41295568582197,34.69867359860186],"凯旋东路街道":[112.45356561293752,34.67141471678308],"汉屯路街道":[112.41714222045273,34.66697260282217],"洛北街道":[112.41559574946832,34.65087506170548],"红山街道":[112.33669554005655,34.7098251430354],"西工街道":[112.44047536794143,34.66721704755986],"唐宫路街道":[112.44205370779297,34.68054000133422]}