echarts包头市达尔罕茂明安联合旗geoJson地图3d地图演示实例

echarts yekong 616℃

大屏数据可视化 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理包头市达尔罕茂明安联合旗echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

达尔罕茂明安联合旗 是中华人民共和国 内蒙古自治区 包头市 下辖旗,简称“达茂旗”,地处中国北疆,是内蒙古自治区19个边境旗(市)和23个牧业旗之一,距呼和浩特、包头市分别为150公里和160公里,北与蒙古国东戈壁省接壤,1996年1月由原乌兰察布盟划归包头市管辖,成为包头唯一的边境旗县。行政区域面积为18117平方千米,辖7镇、2乡、3苏木,总人口12万(其中少数民族1.83万人)。

echarts包头市达尔罕茂明安联合旗geoJson地图3d地图

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

echarts包头市达尔罕茂明安联合旗geoJson地图3d地图

echarts包头市达尔罕茂明安联合旗geoJson地图tooltip自定义html

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

echarts包头市达尔罕茂明安联合旗geoJson地图tooltip自定义html

threejs包头市达尔罕茂明安联合旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs包头市达尔罕茂明安联合旗geoJson地图3d地图鼠标移入显示标签并高亮

threejs包头市达尔罕茂明安联合旗geoJson地图3d地图css2d标签

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

threejs包头市达尔罕茂明安联合旗geoJson地图3d地图css2d标签

threejs包头市达尔罕茂明安联合旗geoJson地图3d地图添加金色效果

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

threejs包头市达尔罕茂明安联合旗geoJson地图3d地图添加金色效果

包头市达尔罕茂明安联合旗 下辖有 满都拉镇,巴音花镇,百灵庙镇,希拉穆仁镇,石宝镇,西河乡,达尔罕苏木乡,小文公乡,乌克忽洞镇,巴音敖包苏木乡,查干哈达苏木乡,明安镇

包头市达尔罕茂明安联合旗下辖区域坐标

{"满都拉镇":[110.11318315255926,42.44844965765481],"巴音花镇":[109.76863896631959,42.19752347178694],"百灵庙镇":[110.40685775805733,41.62300289151946],"希拉穆仁镇":[111.18004410660382,41.38903005419424],"石宝镇":[110.889961809505,41.43829422152733],"西河乡":[110.06567878637358,41.47292033826616],"达尔罕苏木乡":[110.89373336603126,41.83447635592597],"小文公乡":[111.37478804857385,41.3345709310874],"乌克忽洞镇":[110.47188291743171,41.41915115708296],"巴音敖包苏木乡":[110.3426678396612,41.83746690899466],"查干哈达苏木乡":[110.44796176007577,42.35908496623479],"明安镇":[109.72615299903671,41.75784282204957]}

说明

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

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

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

中国geoJson实例下载

中国地图geojson
内蒙古自治区地图geojson
包头市地图geojson

包头市达尔罕茂明安联合旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts包头市达尔罕茂明安联合旗geoJson地图3d地图演示实例