随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理朝阳市双塔区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
双塔区，隶属辽宁省朝阳市，是朝阳市人民政府驻在地 ，为朝阳市政治、经济、文化中心，因古朝阳城内现存的朝阳双塔而得名。城区坐落于努鲁儿虎山脉东侧、松岭山脉西麓，是大凌河河谷间的长形盘地。双塔区东联辽宁中部城市群和辽东半岛，西接京津冀都市圈，南邻渤海，北靠内蒙古腹地，地理坐标为东经120°23′15″-120°31′56″，北纬41°31′22″-41°36′57″。
echarts朝阳市双塔区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts朝阳市双塔区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts朝阳市双塔区geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs朝阳市双塔区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣，可以观看threejs教程视频 Three.js视频教程3D可视化
threejs朝阳市双塔区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
threejs朝阳市双塔区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
朝阳市双塔区 下辖有 桃花吐镇,燕北街道,燕都街道,光明街道,凌河街道,北塔街道,南塔街道,孙家湾镇,前进街道,长宝营子乡,站南街道,红旗街道,龙山街道,他拉皋镇,凌凤街道
朝阳市双塔区下辖区域坐标
{"桃花吐镇":[120.56363931978692,41.6938755445988],"燕北街道":[120.46420452456411,41.58708666321104],"燕都街道":[120.49516779709589,41.60119532598438],"光明街道":[120.43845262922133,41.56742717523666],"凌河街道":[120.46550817596693,41.60039671924601],"北塔街道":[120.45493977684657,41.57748129814612],"南塔街道":[120.44816094587047,41.56645637444494],"孙家湾镇":[120.54435621776526,41.48184509648047],"前进街道":[120.43792526553266,41.58324286705404],"长宝营子乡":[120.55436692270139,41.56684354892336],"站南街道":[120.42325783472293,41.56082375698205],"红旗街道":[120.44552145361787,41.59147708823814],"龙山街道":[120.43633874680665,41.54361935400246],"他拉皋镇":[120.48831408507714,41.65623565507657],"凌凤街道":[120.47738240997214,41.54882044755863]}
朝阳市双塔区行政划分代码
[{"name":"桃花吐镇","code":"211302100000"},{"name":"燕北街道","code":"211302010000"},{"name":"燕都街道","code":""},{"name":"光明街道","code":"211302005000"},{"name":"凌河街道","code":"211302004000"},{"name":"北塔街道","code":""},{"name":"南塔街道","code":""},{"name":"孙家湾镇","code":"211302102000"},{"name":"前进街道","code":"211302003000"},{"name":"长宝营子乡","code":"211302205000"},{"name":"站南街道","code":"211302008000"},{"name":"红旗街道","code":"211302009000"},{"name":"龙山街道","code":"211302007000"},{"name":"他拉皋镇","code":"211302101000"},{"name":"凌凤街道","code":"211302006000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
