echarts上饶市广信区geoJson地图地图下钻展示代码演示

geoJson2 yekong

可视化大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理上饶市广信区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts上饶市广信区geoJson地图地图下钻展示

地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.

echarts上饶市广信区geoJson地图地图下钻展示

echarts上饶市广信区geoJson地图添加柱状图

echarts地图渲染时,为了让地图上的数据有一个对比的效果,会在地图上标注柱状图,以便于更直观的看出各个区域的数值.

echarts上饶市广信区geoJson地图添加柱状图

echarts上饶市广信区geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts上饶市广信区geoJson地图3d地图自定义图标

threejs上饶市广信区geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程

threejs上饶市广信区geoJson地图3d地图添加描边效果

threejs上饶市广信区geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图

threejs上饶市广信区geoJson地图3d地图自定义贴图加CSS3D标签

threejs上饶市广信区geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs上饶市广信区geoJson地图3d地图CSS2D外加旋转棱锥

上饶市广信区 下辖有 上泸镇,尊桥乡,应家乡,旭日街道,华坛山镇,四十八镇,枫岭头镇,罗桥街道,黄沙岭乡,望仙乡,清水乡,湖村乡,煌固镇,田墩镇,皂头镇,石人乡,石狮乡,花厅镇,茶亭镇,董团乡,郑坊镇,铁山乡,五府山镇,兴园街道

上饶市广信区下辖区域坐标

{"上泸镇":[117.93680664924466,28.22601645773388],"尊桥乡":[117.95459247207681,28.33491396305792],"应家乡":[118.02134049002602,28.27405214995522],"旭日街道":[117.916498597757,28.43848074862987],"华坛山镇":[117.8089298921056,28.75530727931658],"四十八镇":[118.03195051344531,28.19846927996618],"枫岭头镇":[117.81773936790236,28.47946182239091],"罗桥街道":[117.91058269286847,28.49669301181462],"黄沙岭乡":[117.94794715311323,28.24737812557565],"望仙乡":[117.78034633830268,28.64502793017799],"清水乡":[117.88834102644742,28.57139665204267],"湖村乡":[117.77477677779717,28.55990040507329],"煌固镇":[117.96681566762575,28.58860617894947],"田墩镇":[118.07022050337329,28.30636573037859],"皂头镇":[118.00025330736585,28.3653596266242],"石人乡":[117.88897234536442,28.66505162715264],"石狮乡":[117.97118229671959,28.51127817316842],"花厅镇":[118.16076291581044,28.2588965478081],"茶亭镇":[117.88836600524635,28.33087078871734],"董团乡":[117.80536193646037,28.37200960986237],"郑坊镇":[117.88789553806193,28.71544819958207],"铁山乡":[118.09714816740899,28.20669894258],"五府山镇":[118.08566864802066,28.08659790692059],"兴园街道":[117.88422993279418,28.42189160982076]}

上饶市广信区行政划分代码

[{"name":"上泸镇","code":"361104102000"},{"name":"尊桥乡","code":"361104207000"},{"name":"应家乡","code":"361104209000"},{"name":"旭日街道","code":"361104001000"},{"name":"华坛山镇","code":"361104103000"},{"name":"四十八镇","code":"361104106000"},{"name":"枫岭头镇","code":"361104107000"},{"name":"罗桥街道","code":"361104002000"},{"name":"黄沙岭乡","code":"361104210000"},{"name":"望仙乡","code":"361104200000"},{"name":"清水乡","code":"361104202000"},{"name":"湖村乡","code":"361104204000"},{"name":"煌固镇","code":"361104108000"},{"name":"田墩镇","code":"361104101000"},{"name":"皂头镇","code":"361104105000"},{"name":"石人乡","code":"361104201000"},{"name":"石狮乡","code":"361104203000"},{"name":"花厅镇","code":"361104109000"},{"name":"茶亭镇","code":"361104104000"},{"name":"董团乡","code":"361104290000"},{"name":"郑坊镇","code":"361104111000"},{"name":"铁山乡","code":"361104211000"},{"name":"五府山镇","code":"361104110000"},{"name":"兴园街道","code":"361104003000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

上饶市广信区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts上饶市广信区geoJson地图地图下钻展示代码演示