echarts荆州市监利市geoJson地图3d地图实例旋转动画实例

geoJson yekong

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是荆州市监利市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

监利市是中国湖北省荆州市代管的县级市,位于江汉平原南端,总面积3460平方公里。2020年常住人口约112.08万,主要民族为汉族。监利市得名于古代官员监管盐渔之利的职责。市境内地理位置优越,历史悠久,曾是春秋时期军事家伍子胥和楚国复兴功臣申包胥的诞生地。经济以农业为主,地富鱼稻,同时也是交通要道,荆岳长江公路大桥连接湖北与湖南。2020年6月,监利县撤销设立为县级市。

echarts荆州市监利市geoJson地图3d地图实例旋转动画实例

动态效果

echarts荆州市监利市geoJson地图3d地图实例旋转动画

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

echarts荆州市监利市geoJson地图3d地图实例旋转动画

echarts荆州市监利市geoJson地图地图排行榜效果

echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果

echarts荆州市监利市geoJson地图地图排行榜效果

echarts荆州市监利市geoJson地图自定义label样式

echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果

echarts荆州市监利市geoJson地图自定义label样式

threejs荆州市监利市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化

threejs荆州市监利市geoJson地图3d地图CSS2D外加旋转棱锥

threejs荆州市监利市geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs荆州市监利市geoJson地图3d地图鼠标移入显示标签并高亮

threejs荆州市监利市geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs荆州市监利市geoJson地图3d地图指定区域闪烁

荆州市监利市 下辖有 人民大垸农场管理区,尺八镇,三洲镇,分盐镇,汴河镇,容城镇,桥市镇,新沟镇,朱河镇,棋盘乡,柘木乡,毛市镇,汪桥镇,白螺镇,程集镇,网市镇,福田寺镇,龚场镇,上车湾镇,周老嘴镇,黄歇口镇,荒湖农场管理区,红城乡

荆州市监利市下辖区域坐标

{"人民大垸农场管理区":[],"尺八镇":[113.0360480358166,29.64545568826615],"三洲镇":[112.99490068283568,29.57941342018478],"分盐镇":[113.05257403126242,29.97511473991931],"汴河镇":[113.16377524468237,29.85881196475531],"容城镇":[112.94333610127585,29.76406729362262],"桥市镇":[113.20348212462217,29.71167391810155],"新沟镇":[],"朱河镇":[113.08692710524048,29.74807923225108],"棋盘乡":[113.21331040484691,29.78908669720398],"柘木乡":[113.16985991461064,29.56636100973673],"毛市镇":[112.97434854647689,29.89359263288607],"汪桥镇":[112.74385124127332,29.97877574908458],"白螺镇":[113.2041145833033,29.56410946483473],"程集镇":[112.66186891610457,29.95077464745866],"网市镇":[113.11160961686048,30.08683130884923],"福田寺镇":[113.10842297298946,29.90932837567617],"龚场镇":[113.08891789506467,30.03103395048554],"上车湾镇":[113.02211209514077,29.81150427726921],"周老嘴镇":[112.9319620974648,30.03274490384074],"黄歇口镇":[112.81233042100763,30.06940844140823],"荒湖农场管理区":[112.87827754053859,30.09485229604884],"红城乡":[112.87122758178063,29.86304415947363]}

荆州市监利市行政划分代码

[{"name":"人民大垸农场管理区","code":"421088450000"},{"name":"尺八镇","code":"421088113000"},{"name":"三洲镇","code":"421088116000"},{"name":"分盐镇","code":"421088108000"},{"name":"汴河镇","code":"421088112000"},{"name":"容城镇","code":"421088100000"},{"name":"桥市镇","code":"421088117000"},{"name":"新沟镇","code":"421088102000"},{"name":"朱河镇","code":"421088101000"},{"name":"棋盘乡","code":"421088201000"},{"name":"柘木乡","code":"421088202000"},{"name":"毛市镇","code":"421088109000"},{"name":"汪桥镇","code":"421088106000"},{"name":"白螺镇","code":"421088114000"},{"name":"程集镇","code":"421088107000"},{"name":"网市镇","code":"421088115000"},{"name":"福田寺镇","code":"421088110000"},{"name":"龚场镇","code":"421088103000"},{"name":"上车湾镇","code":"421088111000"},{"name":"周老嘴镇","code":"421088104000"},{"name":"黄歇口镇","code":"421088105000"},{"name":"荒湖农场管理区","code":"421088451000"},{"name":"红城乡","code":"421088200000"}]

说明

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

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

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

相关资源下载

荆州市监利市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts荆州市监利市geoJson地图3d地图实例旋转动画实例