数据大屏可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理广元市利州区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts广元市利州区geoJson地图局部颜色渐变
echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果
echarts广元市利州区geoJson地图 visualMap控制地图颜色
echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化
echarts广元市利州区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
threejs广元市利州区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
threejs广元市利州区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
广元市利州区 下辖有 袁家坝街道,东坝街道,南河街道,嘉陵街道,上西街道,三堆镇,大石镇,宝轮镇,工农镇,白朝乡,盘龙镇,荣山镇,赤化镇,金洞乡,龙潭乡,下西街道,河西街道,雪峰街道,回龙河街道,杨家岩街道
广元市利州区下辖区域坐标
{"袁家坝街道":[105.75116737229791,32.4226624276244],"东坝街道":[105.86077118178378,32.43413586459426],"南河街道":[105.8241706755206,32.42020353940416],"嘉陵街道":[105.82342615305284,32.44285529243388],"上西街道":[105.81667000229513,32.4593615886794],"三堆镇":[105.61973683522649,32.51961011527489],"大石镇":[105.96343414126613,32.43401925817862],"宝轮镇":[105.61375393164457,32.39462196400385],"工农镇":[105.89858295501318,32.50392333984114],"白朝乡":[105.45800385129314,32.40716164682765],"盘龙镇":[105.73076566145753,32.41612246254475],"荣山镇":[106.06355843171173,32.41541818262146],"赤化镇":[105.56124287782819,32.34468041752291],"金洞乡":[105.57307595487579,32.60166106056813],"龙潭乡":[105.84242069573385,32.35587351165123],"下西街道":[105.78680875697654,32.41917749232718],"河西街道":[105.80169387221028,32.4516918903598],"雪峰街道":[105.89781218659519,32.43090902399443],"回龙河街道":[105.7516774336818,32.4616526874593],"杨家岩街道":[105.76816839870715,32.47134586219578]}
广元市利州区行政划分代码
[{"name":"袁家坝街道","code":""},{"name":"东坝街道","code":"510802001000"},{"name":"南河街道","code":"510802005000"},{"name":"嘉陵街道","code":"510802002000"},{"name":"上西街道","code":"510802006000"},{"name":"三堆镇","code":"510802105000"},{"name":"大石镇","code":"510802101000"},{"name":"宝轮镇","code":"510802103000"},{"name":"工农镇","code":""},{"name":"白朝乡","code":"510802200000"},{"name":"盘龙镇","code":"510802102000"},{"name":"荣山镇","code":"510802100000"},{"name":"赤化镇","code":""},{"name":"金洞乡","code":"510802201000"},{"name":"龙潭乡","code":"510802202000"},{"name":"下西街道","code":""},{"name":"河西街道","code":"510802003000"},{"name":"雪峰街道","code":"510802004000"},{"name":"回龙河街道","code":""},{"name":"杨家岩街道","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看