数据大屏可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理通辽市霍林郭勒市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
霍林郭勒市,内蒙古自治区辖县级市,由通辽市代管,是内蒙古自治区一座因煤而建、缘煤而兴的新兴工业城市,位于内蒙古自治区东部、通辽市北部,地处大兴安岭南段西翼脊部、科尔沁草原腹地,属干旱大陆性草原气候,毗邻3个旗,总面积585平方千米。截至2022年10月,霍林郭勒市辖4个街道、1个苏木,另辖1个乡级单位。截至2022年9月,霍林郭勒市常住人口为13.86万人。
echarts通辽市霍林郭勒市geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts通辽市霍林郭勒市geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts通辽市霍林郭勒市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
threejs通辽市霍林郭勒市geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频 Three.js前端3D可视化教程
threejs通辽市霍林郭勒市geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
threejs通辽市霍林郭勒市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
通辽市霍林郭勒市 下辖有 宝日呼吉尔街道,莫斯台街道,沙尔呼热街道,达来胡硕街道,珠斯花街道
通辽市霍林郭勒市下辖区域坐标
{"宝日呼吉尔街道":[119.65519002576556,45.55261394571569],"莫斯台街道":[119.65175304671078,45.537356171917],"沙尔呼热街道":[119.59418223235926,45.44107322363119],"达来胡硕街道":[119.52294897428638,45.5185625994186],"珠斯花街道":[119.6414069687932,45.51701014090831]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。