echarts佳木斯市桦南县geoJson地图点击地图获取经纬度代码演示

geoJson2 yekong

数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理佳木斯市桦南县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

桦南县,位于 黑龙江省 东部,长白山余脉完达山麓,面积为4417.9平方千米。桦南县 辖6个镇、4个乡共有192个行政村。根据第七次人口普查数据,截至2020年11月1日零时,桦南县常住人口为286855人。

echarts佳木斯市桦南县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts佳木斯市桦南县geoJson地图点击地图获取经纬度

echarts佳木斯市桦南县geoJson地图添加柱状图

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

echarts佳木斯市桦南县geoJson地图添加柱状图

echarts佳木斯市桦南县geoJson地图定义颜色

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

echarts佳木斯市桦南县geoJson地图定义颜色

threejs佳木斯市桦南县geoJson地图3d地图添加描边效果

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

threejs佳木斯市桦南县geoJson地图3d地图添加描边效果

threejs佳木斯市桦南县geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能

threejs佳木斯市桦南县geoJson地图3d地图红色描边闪烁警报

threejs佳木斯市桦南县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs佳木斯市桦南县geoJson地图3d地图添加金色效果

佳木斯市桦南县 下辖有 梨树乡,明义乡,桦南种畜场,桦南镇,曙光农场,金沙乡,闫家镇,土龙山镇,大八浪乡,孟家岗镇,驼腰子镇,桦南林业局,石头河子镇

佳木斯市桦南县下辖区域坐标

{"梨树乡":[130.34478829714823,46.19885170696689],"明义乡":[130.47410516682464,46.42683960749086],"桦南种畜场":[130.7100867769817,46.00620379867682],"桦南镇":[130.67709376748954,46.22149474379347],"曙光农场":[130.33115361247644,46.24233568652213],"金沙乡":[130.2626915279157,46.51071555769664],"闫家镇":[130.3579561674772,46.11553680827711],"土龙山镇":[130.18870263164212,46.3245283331606],"大八浪乡":[130.69956022113763,46.04813467902863],"孟家岗镇":[130.76182085494148,46.43441461128481],"驼腰子镇":[131.00391705418406,46.28458429444751],"桦南林业局":[131.01316926879898,46.14718024622271],"石头河子镇":[130.88113397576552,46.10614175304213]}

说明

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

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

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

佳木斯市桦南县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts佳木斯市桦南县geoJson地图点击地图获取经纬度代码演示