echarts菏泽市巨野县geoJson地图自定义label样式演示实例

geoJson2 yekong

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

巨野县,隶属山东省菏泽市。地处鲁西南大平原腹地,位于菏泽东部,因古有大野泽而得名。全县辖15个镇、2个街道办事处、1个省级经济开发区,总面积1302平方公里。2021年,巨野县户籍人口110.22万人,常住人口91.24万人。

echarts菏泽市巨野县geoJson地图自定义label样式

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

echarts菏泽市巨野县geoJson地图自定义label样式

echarts菏泽市巨野县geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts菏泽市巨野县geoJson地图区域闪烁

echarts菏泽市巨野县geoJson地图添加柱状图

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

echarts菏泽市巨野县geoJson地图添加柱状图

threejs菏泽市巨野县geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣,可以观看threejs课程视频 Three.js前端3D可视化教程

threejs菏泽市巨野县geoJson地图3d地图添加旋转棱锥

threejs菏泽市巨野县geoJson地图3d地图

通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例

threejs菏泽市巨野县geoJson地图3d地图

threejs菏泽市巨野县geoJson地图3d地图指定区域闪烁

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

threejs菏泽市巨野县geoJson地图3d地图指定区域闪烁

菏泽市巨野县 下辖有 万丰镇,柳林镇,大义镇,太平镇,独山镇,田庄镇,田桥镇,章缝镇,营里镇,陶庙镇,麒麟镇,龙固镇,凤凰街道,大谢集镇,核桃园镇,永丰街道,董官屯镇

菏泽市巨野县下辖区域坐标

{"万丰镇":[115.94303019095412,35.15486445084478],"柳林镇":[115.83049141461292,35.19368646481027],"大义镇":[116.08693679642948,35.2712630195329],"太平镇":[115.85808710792327,35.34100413431511],"独山镇":[116.15805561024217,35.2684054487085],"田庄镇":[116.11229661837216,35.45399566833895],"田桥镇":[115.97209822161128,35.34279263066177],"章缝镇":[116.00290897742474,35.21230565123859],"营里镇":[116.04911387262956,35.15807587616864],"陶庙镇":[116.18723891058605,35.18926913466412],"麒麟镇":[116.15968370272134,35.38209257963656],"龙固镇":[115.86203471843436,35.28328859748429],"凤凰街道":[116.04533542607696,35.40698187214704],"大谢集镇":[116.13050455996236,35.16108534350123],"核桃园镇":[116.24747607473664,35.23180924487131],"永丰街道":[116.05920211206362,35.35611633519517],"董官屯镇":[115.94996202160445,35.24825996954185]}

菏泽市巨野县行政划分代码

[{"name":"万丰镇","code":"371724111000"},{"name":"柳林镇","code":"371724103000"},{"name":"大义镇","code":"371724102000"},{"name":"太平镇","code":"371724110000"},{"name":"独山镇","code":"371724106000"},{"name":"田庄镇","code":"371724109000"},{"name":"田桥镇","code":"371724114000"},{"name":"章缝镇","code":"371724104000"},{"name":"营里镇","code":"371724115000"},{"name":"陶庙镇","code":"371724112000"},{"name":"麒麟镇","code":"371724107000"},{"name":"龙固镇","code":"371724101000"},{"name":"凤凰街道","code":"371724001000"},{"name":"大谢集镇","code":"371724105000"},{"name":"核桃园镇","code":"371724108000"},{"name":"永丰街道","code":"371724002000"},{"name":"董官屯镇","code":"371724113000"}]

说明

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

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

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

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

菏泽市巨野县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts菏泽市巨野县geoJson地图自定义label样式演示实例