可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理泸州市古蔺县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts泸州市古蔺县geoJson地图指定区域高亮
echarts让指定区域变为选中高亮状态
echarts泸州市古蔺县geoJson地图区域闪烁
echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.
echarts泸州市古蔺县geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs泸州市古蔺县geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs泸州市古蔺县geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例
泸州市古蔺县 下辖有 黄荆乡,石屏乡,大寨苗族乡,东新乡,丹桂镇,二郎镇,双沙镇,古蔺镇,护家乡,土城乡,大村镇,太平镇,德耀镇,鱼化乡,桂花乡,椒园乡,水口镇,永乐镇,白泥乡,石宝镇,观文镇,金星乡,马蹄乡,龙山镇,箭竹苗族乡,马嘶苗族乡
泸州市古蔺县下辖区域坐标
{"黄荆乡":[105.77094618052811,28.22259118909308],"石屏乡":[106.01613174045994,28.03996476042116],"大寨苗族乡":[105.62732934050254,28.12946680866191],"东新乡":[106.11520378276454,28.0406678427339],"丹桂镇":[106.25204205783723,27.95237276746463],"二郎镇":[106.1720858912607,28.10219508778508],"双沙镇":[105.75930317180001,27.87533541486062],"古蔺镇":[105.79999117534791,28.01675157545338],"护家乡":[105.85864667875198,27.95806783218841],"土城乡":[106.22208696220844,28.02837705521735],"大村镇":[106.14956175783175,28.00598046116765],"太平镇":[106.06575122716646,28.1163421895539],"德耀镇":[105.68848752415082,28.04789108099282],"鱼化乡":[106.02733896767553,27.96242399910594],"桂花乡":[105.69662782422293,28.17115178496694],"椒园乡":[105.96874638043548,27.76905888859329],"水口镇":[106.24693471408062,27.83854807455274],"永乐镇":[105.94993650438437,28.07708416539233],"白泥乡":[106.01390684868626,27.81428186987754],"石宝镇":[106.12651086491041,27.86369433821625],"观文镇":[105.88164702068954,27.85995442990633],"金星乡":[106.03172054612125,27.89987129466103],"马蹄乡":[105.76685514838066,27.73435324292668],"龙山镇":[105.93770395169267,27.95032004574923],"箭竹苗族乡":[105.63232279979947,28.02526590922711],"马嘶苗族乡":[105.84735493221473,27.79327447840492]}
泸州市古蔺县行政划分代码
[{"name":"黄荆乡","code":""},{"name":"石屏乡","code":""},{"name":"大寨苗族乡","code":"510525214000"},{"name":"东新乡","code":""},{"name":"丹桂镇","code":"510525107000"},{"name":"二郎镇","code":"510525104000"},{"name":"双沙镇","code":"510525110000"},{"name":"古蔺镇","code":""},{"name":"护家乡","code":""},{"name":"土城乡","code":""},{"name":"大村镇","code":"510525105000"},{"name":"太平镇","code":"510525103000"},{"name":"德耀镇","code":"510525111000"},{"name":"鱼化乡","code":""},{"name":"桂花乡","code":""},{"name":"椒园乡","code":""},{"name":"水口镇","code":""},{"name":"永乐镇","code":""},{"name":"白泥乡","code":""},{"name":"石宝镇","code":"510525106000"},{"name":"观文镇","code":"510525109000"},{"name":"金星乡","code":""},{"name":"马蹄乡","code":""},{"name":"龙山镇","code":"510525101000"},{"name":"箭竹苗族乡","code":"510525212000"},{"name":"马嘶苗族乡","code":"510525209000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
