echarts赤峰市喀喇沁旗geoJson地图tooltip自定义html演示实例

echarts yekong 570℃

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

喀喇沁旗,隶属 内蒙古自治区 赤峰市。地处内蒙古东部,赤峰市南部,蒙、辽、冀三省区交汇处,驻地锦山镇,居东北经济区与华北经济区结合部,东与辽宁省建平县相邻,南与赤峰市宁城县毗邻,西与河北省围场满族蒙古族自治县、隆化县交界,北与赤峰市松山区、红山区接壤。全旗总面积3050平方公里。距赤峰38公里,北京380公里,沈阳500公里,锦州港280公里,叶赤铁路和G306国道、S206线穿境而过,大广高速公路在辖区内交汇,根据第七次人口普查数据,截至2020年11月1日零时,喀喇沁旗常住人口为262792人。

echarts赤峰市喀喇沁旗geoJson地图tooltip自定义html

echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.

echarts赤峰市喀喇沁旗geoJson地图tooltip自定义html

echarts赤峰市喀喇沁旗geoJson地图3d地图

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

echarts赤峰市喀喇沁旗geoJson地图3d地图

echarts赤峰市喀喇沁旗geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts赤峰市喀喇沁旗geoJson地图点击地图插小旗

threejs赤峰市喀喇沁旗geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL 3D可视化教程

threejs赤峰市喀喇沁旗geoJson地图3d地图CSS2D外加旋转棱锥

threejs赤峰市喀喇沁旗geoJson地图3d地图自定义贴图加CSS3D标签

通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs视频 WebGL前端3D可视化教程

threejs赤峰市喀喇沁旗geoJson地图3d地图自定义贴图加CSS3D标签

threejs赤峰市喀喇沁旗geoJson地图3d地图

通过threejs绘制的3d地图实例,如果对threejs感兴趣,可以观看threejs视频课程 Three.js 3D可视化

赤峰市喀喇沁旗 下辖有 乃林果树农场,锦山工业园区,牛家营子镇,乃林镇,美林镇,西桥镇,锦山镇,南台子乡,小牛群镇,王爷府镇,十家满族乡,马鞍山羊场,赤峰市和美工贸园区

赤峰市喀喇沁旗下辖区域坐标

{"乃林果树农场":[119.26661175287533,41.90899358768426],"锦山工业园区":[118.77109632613765,41.91523451403263],"牛家营子镇":[118.68812441209694,42.11448266114795],"乃林镇":[119.25425318945142,41.91369311604957],"美林镇":[118.30662433660271,41.68613904801954],"西桥镇":[119.02020388648795,41.89256279922341],"锦山镇":[118.74321605405554,41.94956494521839],"南台子乡":[118.38916128933423,42.05856682182615],"小牛群镇":[118.4838179902963,41.94914458226167],"王爷府镇":[118.49127494658035,41.79688870144354],"十家满族乡":[118.99520235458655,41.98341838265365],"马鞍山羊场":[118.8051634099158,41.87911638404853],"赤峰市和美工贸园区":[118.86821344497159,42.21894275730868]}

说明

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

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

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

赤峰市喀喇沁旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts赤峰市喀喇沁旗geoJson地图tooltip自定义html演示实例