数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理宝鸡市陇县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
陇县,隶属于陕西省宝鸡市,位于关中平原西部、宝鸡市西北。东临千阳县,南接陈仓区,西北部与甘肃省天水市清水县、张家川回族自治县、平凉市华亭县、崇信县、灵台县毗邻。介于东经106°26′32″—107°8′11″,北纬34°35′17″—35°6′45″之间,南北宽57.6千米,东西长59.7千米,总面积2277平方千米。截至2022年10月,陇县下辖10个镇。截至2022年末,陇县常住人口20.17万人。
echarts宝鸡市陇县geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts宝鸡市陇县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
echarts宝鸡市陇县geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs宝鸡市陇县geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js 3D可视化
threejs宝鸡市陇县geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs宝鸡市陇县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
宝鸡市陇县 下辖有 曹家湾镇,李家河镇,东南镇,东风镇,八渡镇,固关镇,城关镇,天成镇,河北镇,温水镇,新集川镇,火烧寨镇
宝鸡市陇县下辖区域坐标
{"曹家湾镇":[106.65489222365366,34.85240103716451],"李家河镇":[106.87522580646802,35.03491565345333],"东南镇":[106.8185171862692,34.81998587777511],"东风镇":[106.99713174834645,34.84121241703873],"八渡镇":[106.80238055040641,34.69615417184482],"固关镇":[106.57845441224177,34.955546493359],"城关镇":[106.84241432327659,34.89397866226824],"天成镇":[106.60672120603243,34.74767322857025],"河北镇":[107.0002610498037,34.99304032842437],"温水镇":[106.76861972380169,34.97686582829559],"新集川镇":[106.63698015695948,35.04444494374455],"火烧寨镇":[106.76577331134362,35.05521091668362]}
宝鸡市陇县行政划分代码
[{"name":"曹家湾镇","code":"610327108000"},{"name":"李家河镇","code":""},{"name":"东南镇","code":"610327104000"},{"name":"东风镇","code":"610327101000"},{"name":"八渡镇","code":"610327102000"},{"name":"固关镇","code":"610327109000"},{"name":"城关镇","code":"610327100000"},{"name":"天成镇","code":"610327107000"},{"name":"河北镇","code":"610327112000"},{"name":"温水镇","code":"610327106000"},{"name":"新集川镇","code":"610327113000"},{"name":"火烧寨镇","code":""}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示