随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理包头市石拐区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
石拐区是 内蒙古自治区 包头市 的一个市辖区,石拐是蒙古语“喜桂图”的音译,其意为“有森林的地方”,位于包头城区东北部,地理坐标为北纬40°37′~40°45′;东经110°14′~110°28′,西南与九原区毗连,南与东河区相邻,西与青山区接壤。被评为第一批国家智慧城市试点地区。根据第七次人口普查数据,截至2020年11月1日零时,石拐区常住人口24745人。
echarts包头市石拐区geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts包头市石拐区geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
echarts包头市石拐区geoJson地图热力图
echarts通过heatmap实现热力图效果
threejs包头市石拐区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰,如果对threejs感兴趣,可以观看threejs视频课程 3D可视化Three.js视频教程
threejs包头市石拐区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放
threejs包头市石拐区geoJson地图3d地图
通过threejs绘制的3d地图实例
包头市石拐区 下辖有 五当召镇,石拐街道,五当沟街道,大德恒街道,大发街道,大磁街道,工业园区,白狐沟街道,吉忽伦图苏木乡
包头市石拐区下辖区域坐标
{"五当召镇":[110.3100176236791,40.6696329336556],"石拐街道":[110.26675714082364,40.67331378653812],"五当沟街道":[110.26417682654888,40.65932144532162],"大德恒街道":[110.09616001530158,40.72100290130846],"大发街道":[110.2936952692958,40.70815449023962],"大磁街道":[110.265552569682,40.71124604813732],"工业园区":[110.20203638384768,40.6764478641698],"白狐沟街道":[110.33052543927099,40.65302877920755],"吉忽伦图苏木乡":[110.33696682466444,40.80842729059952]}
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
中国geoJson实例下载
中国地图geojson
内蒙古自治区地图geojson
包头市地图geojson