大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理甘孜藏族自治州甘孜县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts甘孜藏族自治州甘孜县geoJson地图点击弹出自定义弹窗
我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.
echarts甘孜藏族自治州甘孜县geoJson地图热力图
echarts通过heatmap实现热力图效果
echarts甘孜藏族自治州甘孜县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
threejs甘孜藏族自治州甘孜县geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频 Three.js视频教程3D可视化
threejs甘孜藏族自治州甘孜县geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名
甘孜藏族自治州甘孜县 下辖有 茶扎乡,拖坝乡,斯俄乡,南多乡,下雄乡,仁果乡,四通达乡,卡龙乡,色西底乡,夺多乡,呷拉乡,生康乡,大德乡,扎科乡,昔色乡,来马乡,查龙乡,贡隆乡,泥柯乡,甘孜镇,卡攻乡,庭卡乡
甘孜藏族自治州甘孜县下辖区域坐标
{"茶扎乡":[99.75864672404737,32.0325787828697],"拖坝乡":[100.0861940197127,31.62064261411339],"斯俄乡":[100.05057532519808,31.64526727902427],"南多乡":[99.94754660383117,31.52944918722099],"下雄乡":[100.10956322061543,31.71143973998127],"仁果乡":[99.78956971052264,31.61049554420136],"四通达乡":[100.18646167418444,31.75775929858766],"卡龙乡":[99.76990206468008,32.34716070351524],"色西底乡":[100.03465680871732,31.54599721380154],"夺多乡":[100.12725414056307,31.87513604828726],"呷拉乡":[99.96185472959942,31.59702580742085],"生康乡":[99.88177921532048,31.56102815179889],"大德乡":[99.42433030572201,32.60372622496403],"扎科乡":[99.6502893800535,31.84668165319576],"昔色乡":[99.63739753829044,31.77773129820779],"来马乡":[99.71287975386286,31.62639671013009],"查龙乡":[99.72456840108026,32.13826620223834],"贡隆乡":[99.8657050081835,31.72131178261759],"泥柯乡":[100.28053365216243,31.96732030153136],"甘孜镇":[100.00462273148997,31.67648624491859],"卡攻乡":[99.73382224543272,31.63614065021389],"庭卡乡":[100.17710399343406,31.53663392335143]}
甘孜藏族自治州甘孜县行政划分代码
[{"name":"茶扎乡","code":"513328217000"},{"name":"拖坝乡","code":"513328210000"},{"name":"斯俄乡","code":""},{"name":"南多乡","code":"513328202000"},{"name":"下雄乡","code":"513328213000"},{"name":"仁果乡","code":"513328209000"},{"name":"四通达乡","code":"513328214000"},{"name":"卡龙乡","code":"513328219000"},{"name":"色西底乡","code":"513328201000"},{"name":"夺多乡","code":"513328215000"},{"name":"呷拉乡","code":"513328200000"},{"name":"生康乡","code":"513328203000"},{"name":"大德乡","code":"513328218000"},{"name":"扎科乡","code":"513328205000"},{"name":"昔色乡","code":"513328207000"},{"name":"来马乡","code":""},{"name":"查龙乡","code":""},{"name":"贡隆乡","code":"513328204000"},{"name":"泥柯乡","code":"513328216000"},{"name":"甘孜镇","code":"513328100000"},{"name":"卡攻乡","code":"513328208000"},{"name":"庭卡乡","code":"513328212000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
