随着开发 大屏数据可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理白城市通榆县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts白城市通榆县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts白城市通榆县geoJson地图 tooltip轮播
echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.
echarts白城市通榆县geoJson地图迁徙图
echarts迁徙图实例,可以根据自己的需要配置飞线的颜色大小以及方向
threejs白城市通榆县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果对threejs感兴趣,可以观看threejs视频课程 Three.js视频教程3D可视化
threejs白城市通榆县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs白城市通榆县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
白城市通榆县 下辖有 开通镇,新兴乡,鸿兴镇,新华牛场,三家子种牛场,包拉温都蒙古族乡,新发乡,兴隆山镇,双岗鹿场,八面乡,双岗镇,团结乡,新华镇,瞻榆镇,边昭镇,乌兰花镇,十花道乡,同发牧场,苏公坨乡,向海蒙古族乡,良井子畜牧场,通榆经济开发区
白城市通榆县下辖区域坐标
{"开通镇":[123.11317067022004,44.78072473878752],"新兴乡":[122.83713443860776,44.76299632889472],"鸿兴镇":[123.1058562874465,44.97479035875391],"新华牛场":[122.95561177745417,44.58155698772617],"三家子种牛场":[123.39110240255692,44.78386538281261],"包拉温都蒙古族乡":[122.45431423603983,44.30212930606134],"新发乡":[122.3820316179683,44.52472165711814],"兴隆山镇":[122.42091276668805,44.82992874508745],"双岗鹿场":[122.90389988342898,45.09017056154723],"八面乡":[123.30712503422288,45.08391440079389],"双岗镇":[122.99167305369309,45.04718882511264],"团结乡":[122.2657252712914,44.62237920483934],"新华镇":[122.85608769813058,44.56279779218067],"瞻榆镇":[122.65167123383972,44.46279072564089],"边昭镇":[123.11053803975119,44.6182678890492],"乌兰花镇":[122.60195631740714,44.76301324553525],"十花道乡":[123.29697537509662,44.90836354588726],"同发牧场":[122.17333041074168,44.90292087927854],"苏公坨乡":[123.34231878419217,44.6998993800855],"向海蒙古族乡":[122.53857602684985,45.0383587807619],"良井子畜牧场":[122.41699869338333,44.39687405106362],"通榆经济开发区":[123.09626269399595,44.82566631683463]}
白城市通榆县行政划分代码
[{"name":"开通镇","code":"220822100000"},{"name":"新兴乡","code":"220822201000"},{"name":"鸿兴镇","code":"220822105000"},{"name":"新华牛场","code":"220822405000"},{"name":"三家子种牛场","code":"220822401000"},{"name":"包拉温都蒙古族乡","code":"220822203000"},{"name":"新发乡","code":"220822200000"},{"name":"兴隆山镇","code":"220822103000"},{"name":"双岗鹿场","code":""},{"name":"八面乡","code":"220822206000"},{"name":"双岗镇","code":"220822102000"},{"name":"团结乡","code":"220822204000"},{"name":"新华镇","code":"220822106000"},{"name":"瞻榆镇","code":"220822101000"},{"name":"边昭镇","code":"220822104000"},{"name":"乌兰花镇","code":"220822107000"},{"name":"十花道乡","code":"220822205000"},{"name":"同发牧场","code":""},{"name":"苏公坨乡","code":"220822207000"},{"name":"向海蒙古族乡","code":"220822202000"},{"name":"良井子畜牧场","code":""},{"name":"通榆经济开发区","code":"220822400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看