数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理台州市仙居县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
echarts台州市仙居县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts台州市仙居县geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts台州市仙居县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs台州市仙居县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程
threejs台州市仙居县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
threejs台州市仙居县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
台州市仙居县 下辖有 淡竹乡,湫山乡,田市镇,白塔镇,皤滩乡,上张乡,下各镇,双庙乡,埠头镇,大战乡,安岭乡,官路镇,广度乡,朱溪镇,步路乡,南峰街道,安洲街道,福应街道,横溪镇,溪港乡
台州市仙居县下辖区域坐标
{"淡竹乡":[120.58160762327395,28.62939649896976],"湫山乡":[120.3930284979508,28.66654281270871],"田市镇":[120.65999608352416,28.71432025149772],"白塔镇":[120.60053893051841,28.74449445486374],"皤滩乡":[120.53693831823077,28.69394545780757],"上张乡":[120.77851638717975,28.65138478263457],"下各镇":[120.85024201357427,28.84177276456925],"双庙乡":[120.87863570579266,28.76861420004382],"埠头镇":[120.55256543378245,28.81970549331474],"大战乡":[120.79004971948675,28.79844328418767],"安岭乡":[120.32637307700544,28.54132223516735],"官路镇":[120.63033298764279,28.84976295116642],"广度乡":[120.7356676514402,28.95414658500257],"朱溪镇":[120.83460051786888,28.69325135935248],"步路乡":[120.71361964908445,28.76195432324446],"南峰街道":[120.7364072888891,28.83137939369885],"安洲街道":[120.67949174902228,28.87983619591282],"福应街道":[120.78664443064571,28.89828146965656],"横溪镇":[120.44453587679111,28.71292726799838],"溪港乡":[120.39935887384871,28.56292607556633]}
台州市仙居县行政划分代码
[{"name":"淡竹乡","code":"331024203000"},{"name":"湫山乡","code":"331024202000"},{"name":"田市镇","code":"331024104000"},{"name":"白塔镇","code":"331024103000"},{"name":"皤滩乡","code":"331024204000"},{"name":"上张乡","code":"331024205000"},{"name":"下各镇","code":"331024106000"},{"name":"双庙乡","code":"331024210000"},{"name":"埠头镇","code":"331024102000"},{"name":"大战乡","code":"331024209000"},{"name":"安岭乡","code":"331024200000"},{"name":"官路镇","code":"331024105000"},{"name":"广度乡","code":"331024207000"},{"name":"朱溪镇","code":"331024107000"},{"name":"步路乡","code":"331024206000"},{"name":"南峰街道","code":"331024002000"},{"name":"安洲街道","code":"331024001000"},{"name":"福应街道","code":"331024003000"},{"name":"横溪镇","code":"331024101000"},{"name":"溪港乡","code":"331024201000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看