echarts哈尔滨市依兰县geoJson地图 visualMap控制地图颜色实例

geoJson2 yekong

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

依兰县,隶属于 黑龙江省 哈尔滨市,位于哈尔滨市东北部,地处三江平原西部。介于北纬 45° 50′ 40″ ~ 46° 39′ 20″,东经 129° 11′ 50″ ~ 130° 11′ 40″之间。全县总面积 4615.72平方公里。依兰县地处中纬度欧亚大陆东部,属温带大陆性季风气候。依兰县辖 9个乡镇15个社区,政府驻地依兰县通河街418号。截至2020年11月1日零时,依兰县常住人口为258345人。

echarts哈尔滨市依兰县geoJson地图 visualMap控制地图颜色

echarts地图使用visualMap通过一组颜色及一组数据来实现地图不同区域根据不同数据进行颜色变化

echarts哈尔滨市依兰县geoJson地图 visualMap控制地图颜色

echarts哈尔滨市依兰县geoJson地图自定义引导线

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

echarts哈尔滨市依兰县geoJson地图自定义引导线

echarts哈尔滨市依兰县geoJson地图水滴状气泡图

echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.

echarts哈尔滨市依兰县geoJson地图水滴状气泡图

threejs哈尔滨市依兰县geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs视频教程 3D可视化Three.js视频教程

threejs哈尔滨市依兰县geoJson地图3d地图自定义贴图加CSS3D标签

threejs哈尔滨市依兰县geoJson地图3d地图红色描边闪烁警报

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

threejs哈尔滨市依兰县geoJson地图3d地图红色描边闪烁警报

threejs哈尔滨市依兰县geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs哈尔滨市依兰县geoJson地图3d地图css2d标签

哈尔滨市依兰县 下辖有 依兰镇,江湾镇,依兰农场,道台桥镇,宏克利镇,松花江农场,愚公乡,三道岗镇,团山子乡,达连河镇,依兰县林业局,迎兰朝鲜族乡

哈尔滨市依兰县下辖区域坐标

{"依兰镇":[129.52541957788787,46.27610506601641],"江湾镇":[129.67362155949598,46.07677329151159],"依兰农场":[129.45248895390733,46.39571693341451],"道台桥镇":[129.9009655317154,46.18102338056097],"宏克利镇":[129.75697453288637,46.46733313043804],"松花江农场":[129.40094302154733,46.31402998167876],"愚公乡":[129.9570592617123,46.48597482968545],"三道岗镇":[130.00778427515564,46.09611323551696],"团山子乡":[129.81110922630657,46.29731575406032],"达连河镇":[129.56050998861707,46.08027726470775],"依兰县林业局":[129.52583722751575,46.24689393995482],"迎兰朝鲜族乡":[129.49108552799635,46.46177475417807]}

说明

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

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

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

哈尔滨市依兰县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts哈尔滨市依兰县geoJson地图 visualMap控制地图颜色实例