echarts太原市古交市geoJson地图热力图实例代码

geoJson2 yekong

可视化数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是太原市古交市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

古交市,山西省 辖县级市,由太原市代管,位于山西省太原市西北部,是全国焦煤生产基地,也是吕梁山东麓的交通枢纽和商品集散地,连接省城太原和晋西北的现代化工矿城市。根据第七次人口普查数据,截至2020年11月1日零时,古交市常住人口为210757人。

echarts太原市古交市geoJson地图热力图

echarts通过heatmap实现热力图效果

echarts太原市古交市geoJson地图热力图

echarts太原市古交市geoJson地图点击地图获取经纬度

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

echarts太原市古交市geoJson地图点击地图获取经纬度

echarts太原市古交市geoJson地图水滴状气泡图

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

echarts太原市古交市geoJson地图水滴状气泡图

threejs太原市古交市geoJson地图3d地图红色描边闪烁警报

通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣,可以观看threejs视频课程 Three.js 3D可视化

threejs太原市古交市geoJson地图3d地图红色描边闪烁警报

threejs太原市古交市geoJson地图3d地图css2d标签

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

threejs太原市古交市geoJson地图3d地图css2d标签

threejs太原市古交市geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs太原市古交市geoJson地图3d地图CSS2D外加旋转棱锥

太原市古交市 下辖有 常安乡,屯兰街道,马兰镇,原相乡,阁上乡,岔口乡,梭峪乡,河口镇,东曲街道,桃园街道,西曲街道,邢家社乡,镇城底镇,加乐泉乡,常安乡,屯兰街道,马兰镇,原相乡,阁上乡,岔口乡,梭峪乡,河口镇,东曲街道,桃园街道,西曲街道,邢家社乡,镇城底镇,加乐泉乡

太原市古交市下辖区域坐标

{"常安乡":[111.99944335249839,37.77797409046026],"屯兰街道":[112.10051382232629,37.90247445410732],"马兰镇":[112.00555145481084,37.84664254824531],"原相乡":[112.05538650591201,37.76917419554054],"阁上乡":[112.11773097280658,38.11012640298527],"岔口乡":[111.83762511738966,37.84923950369623],"梭峪乡":[112.09840521987185,37.97175559641779],"河口镇":[112.23702897681565,37.99723690777384],"东曲街道":[112.23033317866779,37.87895437614206],"桃园街道":[112.12830723470138,37.87157157458984],"西曲街道":[112.14119600382722,37.9382362147725],"邢家社乡":[112.21518297236773,37.76273093650815],"镇城底镇":[112.03947580303844,37.93374430059289],"加乐泉乡":[112.09672987377235,38.03291804723628]}

太原市古交市行政划分代码

[{"name":"常安乡","code":"140181204000"},{"name":"屯兰街道","code":"140181004000"},{"name":"马兰镇","code":"140181102000"},{"name":"原相乡","code":"140181205000"},{"name":"阁上乡","code":""},{"name":"岔口乡","code":"140181203000"},{"name":"梭峪乡","code":"140181202000"},{"name":"河口镇","code":"140181100000"},{"name":"东曲街道","code":"140181001000"},{"name":"桃园街道","code":"140181003000"},{"name":"西曲街道","code":"140181002000"},{"name":"邢家社乡","code":"140181206000"},{"name":"镇城底镇","code":"140181101000"},{"name":"加乐泉乡","code":""}]

说明

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

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

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

太原市古交市echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts太原市古交市geoJson地图热力图实例代码