可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理内江市东兴区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts内江市东兴区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts内江市东兴区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
echarts内江市东兴区geoJson地图定义颜色
echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.
threejs内江市东兴区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 WebGL前端3D可视化教程
threejs内江市东兴区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs内江市东兴区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果
内江市东兴区 下辖有 三烈乡,中山乡,双才镇,双桥乡,同福乡,大治乡,太安乡,椑木镇,富溪乡,平坦乡,新店乡,杨家镇,柳桥乡,椑南乡,永东乡,永福乡,田家镇,高桥镇,白合镇,石子镇,胜利镇,苏家乡,高梁镇,郭北镇,东兴街道,顺河镇,西林街道,小河口镇,新江街道
内江市东兴区下辖区域坐标
{"三烈乡":[105.04777139323193,29.71244754176939],"中山乡":[105.03964324251706,29.49850680188221],"双才镇":[105.09405934389598,29.71523130038033],"双桥乡":[105.14910412920892,29.81304136999789],"同福乡":[105.13365951574312,29.70135282622685],"大治乡":[105.22519855637208,29.80589723442158],"太安乡":[105.2201643582091,29.70990045753092],"椑木镇":[105.09299280128205,29.50949370840998],"富溪乡":[105.01801968313657,29.67270289417479],"平坦乡":[105.30597787005756,29.60907933999307],"新店乡":[105.15993447830365,29.76960042868006],"杨家镇":[105.34748866804826,29.76664288382353],"柳桥乡":[105.20136755479686,29.6428689384455],"椑南乡":[105.13651047771592,29.47931461757262],"永东乡":[105.22249009074179,29.5025510089839],"永福乡":[105.33167508674194,29.7998777671221],"田家镇":[105.15154912232198,29.67808083653143],"高桥镇":[105.1162607833719,29.63283158914747],"白合镇":[105.29517838195346,29.68082772807843],"石子镇":[105.38052526171029,29.67725010857558],"胜利镇":[105.05492169968346,29.63113540284746],"苏家乡":[105.35683464836524,29.70326304334845],"高梁镇":[105.25478174030322,29.75923906726149],"郭北镇":[105.1620799706053,29.55318249071514],"东兴街道":[105.09123262540035,29.59621337041211],"顺河镇":[105.23579680096944,29.57725811161059],"西林街道":[105.05063997724227,29.60571940935118],"小河口镇":[105.0852298032414,29.51177260319215],"新江街道":[105.09271098870317,29.56494277735858]}
内江市东兴区行政划分代码
[{"name":"三烈乡","code":""},{"name":"中山乡","code":""},{"name":"双才镇","code":"511011107000"},{"name":"双桥乡","code":""},{"name":"同福乡","code":""},{"name":"大治乡","code":""},{"name":"太安乡","code":""},{"name":"椑木镇","code":"511011110000"},{"name":"富溪乡","code":""},{"name":"平坦乡","code":""},{"name":"新店乡","code":""},{"name":"杨家镇","code":"511011109000"},{"name":"柳桥乡","code":""},{"name":"椑南乡","code":""},{"name":"永东乡","code":""},{"name":"永福乡","code":""},{"name":"田家镇","code":"511011100000"},{"name":"高桥镇","code":""},{"name":"白合镇","code":"511011103000"},{"name":"石子镇","code":"511011111000"},{"name":"胜利镇","code":""},{"name":"苏家乡","code":""},{"name":"高梁镇","code":"511011102000"},{"name":"郭北镇","code":"511011101000"},{"name":"东兴街道","code":"511011001000"},{"name":"顺河镇","code":"511011104000"},{"name":"西林街道","code":"511011002000"},{"name":"小河口镇","code":""},{"name":"新江街道","code":"511011003000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看