echarts遵义市桐梓县geoJson地图定义颜色效果实例

geoJson2 yekong 78℃

随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理遵义市桐梓县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts遵义市桐梓县geoJson地图定义颜色

echarts地图通过visualMap来事先设置好数据区间,根据区间来来显示地图的颜色,这里的visualMap数据是随机生成的,可以通过实例代码根据自己的需要配置颜色和数据区间.

echarts遵义市桐梓县geoJson地图定义颜色

echarts遵义市桐梓县geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts遵义市桐梓县geoJson地图自定义引导线

echarts遵义市桐梓县geoJson地图3d地图实例旋转动画

使用的是echarts-gl结合echarts实现的3d地图效果实例

echarts遵义市桐梓县geoJson地图3d地图实例旋转动画

threejs遵义市桐梓县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣,可以观看threejs视频 3D可视化Three.js视频教程

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标签

遵义市桐梓县 下辖有 新站镇,大河镇,马鬃苗族乡,木瓜镇,松坎镇,楚米镇,燎原镇,狮溪镇,羊磴镇,坡渡镇,官仓镇,容光乡,芭蕉乡,花秋镇,茅石镇,风水乡,高桥镇,黄莲乡,娄山关镇,尧龙山镇,水坝塘镇,九坝镇,小水乡,夜郎镇

遵义市桐梓县下辖区域坐标

{"新站镇":[106.8629117267383,28.4081239653256],"大河镇":[106.83422208452271,28.31066956448534],"马鬃苗族乡":[106.94272041508798,28.26425927148735],"木瓜镇":[106.95785300081602,28.61508797842795],"松坎镇":[106.85852433978701,28.53960701584338],"楚米镇":[106.80850808209311,28.25259869954046],"燎原镇":[106.77509828271698,28.06808205557703],"狮溪镇":[107.12765929596051,28.8200305226494],"羊磴镇":[106.98980401647373,28.76766349735026],"坡渡镇":[106.88329861106448,28.73293728298018],"官仓镇":[106.74137681536213,28.02117086467754],"容光乡":[106.50728913350189,28.15455480737541],"芭蕉乡":[107.1967043179701,28.72159047909287],"花秋镇":[106.5986026499419,28.11280300409794],"茅石镇":[106.92583069857774,28.11722082729605],"风水乡":[106.50634648403724,28.09850476903527],"高桥镇":[106.67593039472608,28.10409982886988],"黄莲乡":[107.01490295931382,28.52196668908534],"娄山关镇":[106.83751625885577,28.10819213631067],"尧龙山镇":[106.79573848728344,28.55396349694076],"水坝塘镇":[107.09612018926819,28.7147031894684],"九坝镇":[106.7170115109084,28.21733438091901],"小水乡":[106.92241801814977,28.44361601440886],"夜郎镇":[106.77364633013414,28.38146680269612]}

遵义市桐梓县行政划分代码

[{"name":"新站镇","code":"520322102000"},{"name":"大河镇","code":"520322110000"},{"name":"马鬃苗族乡","code":"520322207000"},{"name":"木瓜镇","code":"520322112000"},{"name":"松坎镇","code":"520322103000"},{"name":"楚米镇","code":"520322101000"},{"name":"燎原镇","code":"520322114000"},{"name":"狮溪镇","code":"520322115000"},{"name":"羊磴镇","code":"520322108000"},{"name":"坡渡镇","code":"520322113000"},{"name":"官仓镇","code":"520322106000"},{"name":"容光乡","code":""},{"name":"芭蕉乡","code":""},{"name":"花秋镇","code":"520322107000"},{"name":"茅石镇","code":"520322116000"},{"name":"风水乡","code":""},{"name":"高桥镇","code":"520322104000"},{"name":"黄莲乡","code":"520322205000"},{"name":"娄山关镇","code":""},{"name":"尧龙山镇","code":"520322117000"},{"name":"水坝塘镇","code":"520322105000"},{"name":"九坝镇","code":"520322109000"},{"name":"小水乡","code":"520322203000"},{"name":"夜郎镇","code":"520322111000"}]

说明

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

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

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

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

遵义市桐梓县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts遵义市桐梓县geoJson地图定义颜色效果实例