echarts绥化市望奎县geoJson地图圆形波纹状气泡图代码演示

geoJson2 yekong

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

望奎县,隶属 黑龙江省 绥化市,位于黑龙江省中部,松嫩平原腹地。地理位置在东经126°10'23"~126°59'00",北纬46°32'07"~47°08'24"之间。属中温带大陆性半湿润季风气候,总面积2314平方千米。截至2022年10月,辖4个街道、10个镇、5个乡。县人民政府驻望奎镇文明路48号。根据第七次人口普查数据,截至2020年11月1日零时,望奎县常住人口为286848人。

echarts绥化市望奎县geoJson地图圆形波纹状气泡图

echarts地图渲染时,会通过effectScatter实现一个圆形外加波纹扩散效果的气泡来使页面看起来更酷炫.

echarts绥化市望奎县geoJson地图圆形波纹状气泡图

echarts绥化市望奎县geoJson地图自定义引导线

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

echarts绥化市望奎县geoJson地图自定义引导线

echarts绥化市望奎县geoJson地图label样式自定义

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

echarts绥化市望奎县geoJson地图label样式自定义

threejs绥化市望奎县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果对threejs感兴趣,可以观看threejs教程视频 Three.js前端3D可视化教程

threejs绥化市望奎县geoJson地图3d地图css2d标签

threejs绥化市望奎县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果

threejs绥化市望奎县geoJson地图3d地图添加描边效果

threejs绥化市望奎县geoJson地图3d地图

通过threejs绘制的3d地图实例

threejs绥化市望奎县geoJson地图3d地图

绥化市望奎县 下辖有 通江镇,第二良种场,东郊乡,先锋镇,望奎镇,海丰镇,莲花镇,灯塔乡,种畜场,白四林场,灵山满族乡,第一良种场,厢白满族乡,卫星镇,惠七满族镇,恭六乡,火箭镇,东升乡,后三乡

绥化市望奎县下辖区域坐标

{"通江镇":[126.41151550241051,46.62725960660357],"第二良种场":[126.67024534575438,46.82002293789756],"东郊乡":[126.56590208861711,46.86853650156996],"先锋镇":[126.3020243002916,46.84992901760417],"望奎镇":[126.46802883194809,46.84056126493124],"海丰镇":[126.8433004963284,46.82493643492306],"莲花镇":[126.79679351868565,46.99349569635604],"灯塔乡":[126.71762028168746,46.85148832147225],"种畜场":[126.4179051211597,46.93838508172709],"白四林场":[126.39142862451138,46.78571741204198],"灵山满族乡":[126.4923836257197,46.93465555795203],"第一良种场":[126.48590426914257,46.86187206440425],"厢白满族乡":[126.62949143541904,46.94219326240045],"卫星镇":[126.65919414142265,46.72905056634539],"惠七满族镇":[126.64959676798514,47.04246180174146],"恭六乡":[126.8569499279983,47.08643999551164],"火箭镇":[126.41210839939069,46.72983963928633],"东升乡":[126.90473582229312,46.98440447738678],"后三乡":[126.3527357232708,46.92541635441312]}

说明

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

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

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

绥化市望奎县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts绥化市望奎县geoJson地图圆形波纹状气泡图代码演示