随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理淮安市淮阴区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts淮安市淮阴区geoJson地图自定义label样式
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts淮安市淮阴区geoJson地图圆形波纹状气泡图
echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.
echarts淮安市淮阴区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs淮安市淮阴区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js前端3D可视化教程
threejs淮安市淮阴区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
淮安市淮阴区 下辖有 丁集镇,三树镇,五里镇,凌桥乡,古寨乡,吴集镇,吴城镇,徐溜镇,新渡乡,渔沟镇,袁集乡,王兴镇,王营镇,码头镇,赵集镇,韩桥乡,淮安高新技术产业开发区,刘老庄乡,南陈集镇,棉花庄镇,老张集乡,西宋集镇
淮安市淮阴区下辖区域坐标
{"丁集镇":[118.97507117973248,33.70038087770387],"三树镇":[118.83255846210515,33.63823652888578],"五里镇":[118.95077751068905,33.76280693444554],"凌桥乡":[118.8555873024236,33.59645627618712],"古寨乡":[118.98351976796475,33.88294687339581],"吴集镇":[118.85200599502272,33.75918363391114],"吴城镇":[118.82406250253689,33.5233294269575],"徐溜镇":[118.90727107070089,33.85077118661471],"新渡乡":[119.11116608534667,33.65530589825734],"渔沟镇":[118.86903326884583,33.70248542045267],"袁集乡":[118.94375822405517,33.63495034049168],"王兴镇":[119.11666323797346,33.7066242096397],"王营镇":[118.99867508665542,33.62586025559078],"码头镇":[118.90768877707592,33.54337909165175],"赵集镇":[118.87089208460287,33.41209714321811],"韩桥乡":[118.79359563096222,33.419207913306],"淮安高新技术产业开发区":[119.04843639563916,33.65357536124209],"刘老庄乡":[118.98648646898457,33.81245027548998],"南陈集镇":[118.90369928801758,33.49209433692955],"棉花庄镇":[119.03322571928567,33.72596794990648],"老张集乡":[119.05486812607347,33.79263207606161],"西宋集镇":[118.85228296358824,33.82283254066955]}
淮安市淮阴区行政划分代码
[{"name":"丁集镇","code":"320804107000"},{"name":"三树镇","code":"320804113000"},{"name":"五里镇","code":""},{"name":"凌桥乡","code":""},{"name":"古寨乡","code":""},{"name":"吴集镇","code":""},{"name":"吴城镇","code":""},{"name":"徐溜镇","code":"320804109000"},{"name":"新渡乡","code":""},{"name":"渔沟镇","code":"320804110000"},{"name":"袁集乡","code":""},{"name":"王兴镇","code":""},{"name":"王营镇","code":""},{"name":"码头镇","code":""},{"name":"赵集镇","code":""},{"name":"韩桥乡","code":""},{"name":"淮安高新技术产业开发区","code":"320804400000"},{"name":"刘老庄乡","code":""},{"name":"南陈集镇","code":"320804103000"},{"name":"棉花庄镇","code":""},{"name":"老张集乡","code":""},{"name":"西宋集镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
