echarts南充市嘉陵区geoJson地图3d地图自定义图标代码演示

geoJson2 yekong

数据大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是南充市嘉陵区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

echarts南充市嘉陵区geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts南充市嘉陵区geoJson地图3d地图自定义图标

echarts南充市嘉陵区geoJson地图阴影

echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.

echarts南充市嘉陵区geoJson地图阴影

echarts南充市嘉陵区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts南充市嘉陵区geoJson地图自定义引导线

threejs南充市嘉陵区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频教程 Three.js视频教程3D可视化

threejs南充市嘉陵区geoJson地图3d地图鼠标移入显示标签并高亮

threejs南充市嘉陵区geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图

threejs南充市嘉陵区geoJson地图3d地图自定义贴图加CSS2D标签

threejs南充市嘉陵区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小 Vue3 threejs 在3d地图中绘制css3d标签标注省份

threejs南充市嘉陵区geoJson地图3d地图CSS3D标签

南充市嘉陵区 下辖有 大同乡,大观乡,世阳镇,临江乡,一立镇,三会镇,华兴乡,双店乡,双桂镇,吉安镇,太和乡,土门乡,大兴乡,桥龙乡,大通镇,天星乡,安平镇,新庙乡,安福镇,新场乡,曲水镇,木老乡,李渡镇,凤垭街道,桃园乡,河西乡,白家乡,盐溪乡,移山乡,石楼乡,礼乐乡,积善乡,花园乡,西兴镇,里坝镇,金凤镇,金宝镇,龙泉镇,集凤镇,龙岭镇,龙蟠镇,七宝寺镇,文峰街道,火花街道,都尉街道

南充市嘉陵区下辖区域坐标

{"大同乡":[105.87442033240347,30.51199620854574],"大观乡":[105.92000743375645,30.71356290793862],"世阳镇":[105.96840842913826,30.68282726078296],"临江乡":[106.07217477024628,30.52981368256622],"一立镇":[105.93013634114385,30.75243674066328],"三会镇":[105.7618397176835,30.85442897949151],"华兴乡":[105.96216819713473,30.51523605874846],"双店乡":[105.9936206103375,30.55250062533613],"双桂镇":[105.94053585975298,30.84959950858902],"吉安镇":[106.02060621586126,30.52173161217623],"太和乡":[105.90294653108711,30.88182631590087],"土门乡":[106.1112083213452,30.54378126228342],"大兴乡":[105.8223480808677,30.69401914629783],"桥龙乡":[105.8327127218683,30.62975374549289],"大通镇":[105.8518950526983,30.74480283722849],"天星乡":[105.87746394503618,30.70195919624482],"安平镇":[105.91736996086,30.6434327634461],"新庙乡":[105.79956961784065,30.75249213191258],"安福镇":[105.90903962519191,30.49855688289706],"新场乡":[106.0819337719675,30.5850676071197],"曲水镇":[106.02796975496261,30.67601209737137],"木老乡":[105.99864238467343,30.7377671681304],"李渡镇":[106.03723377488399,30.59357534517099],"凤垭街道":[106.05088546824186,30.73265654225741],"桃园乡":[105.88293253394674,30.84520926321582],"河西乡":[106.07916893142843,30.64458497521485],"白家乡":[105.86418569991176,30.58500525793653],"盐溪乡":[105.85830994069883,30.6488208689683],"移山乡":[106.00817601258143,30.63739603048731],"石楼乡":[105.99351782457815,30.84668639342847],"礼乐乡":[105.93070581312699,30.80424953611777],"积善乡":[105.80823554367467,30.85211781047326],"花园乡":[105.97567308794203,30.79734229191575],"西兴镇":[106.0210282172353,30.79832755389129],"里坝镇":[105.805551735553,30.80822855703224],"金凤镇":[105.90553158661294,30.57433896510913],"金宝镇":[105.84776195028218,30.87020877273099],"龙泉镇":[105.81718166175098,30.90416891939741],"集凤镇":[105.83356332867947,30.80857426141259],"龙岭镇":[105.9732247368288,30.58208900203611],"龙蟠镇":[105.87636687308277,30.79840548638678],"七宝寺镇":[105.77710870560432,30.88915282517629],"文峰街道":[106.0792201238586,30.72030082847819],"火花街道":[106.05762536107741,30.77231139192884],"都尉街道":[106.00909196862378,30.76176673655708]}

南充市嘉陵区行政划分代码

[{"name":"大同乡","code":""},{"name":"大观乡","code":""},{"name":"世阳镇","code":"511304108000"},{"name":"临江乡","code":""},{"name":"一立镇","code":"511304110000"},{"name":"三会镇","code":"511304115000"},{"name":"华兴乡","code":""},{"name":"双店乡","code":""},{"name":"双桂镇","code":"511304117000"},{"name":"吉安镇","code":"511304103000"},{"name":"太和乡","code":""},{"name":"土门乡","code":""},{"name":"大兴乡","code":"511304220000"},{"name":"桥龙乡","code":""},{"name":"大通镇","code":"511304109000"},{"name":"天星乡","code":""},{"name":"安平镇","code":"511304107000"},{"name":"新庙乡","code":""},{"name":"安福镇","code":"511304106000"},{"name":"新场乡","code":""},{"name":"曲水镇","code":"511304101000"},{"name":"木老乡","code":""},{"name":"李渡镇","code":"511304102000"},{"name":"凤垭街道","code":""},{"name":"桃园乡","code":""},{"name":"河西乡","code":""},{"name":"白家乡","code":""},{"name":"盐溪乡","code":"511304215000"},{"name":"移山乡","code":""},{"name":"石楼乡","code":""},{"name":"礼乐乡","code":""},{"name":"积善乡","code":""},{"name":"花园乡","code":""},{"name":"西兴镇","code":""},{"name":"里坝镇","code":"511304112000"},{"name":"金凤镇","code":"511304105000"},{"name":"金宝镇","code":"511304114000"},{"name":"龙泉镇","code":""},{"name":"集凤镇","code":""},{"name":"龙岭镇","code":"511304104000"},{"name":"龙蟠镇","code":"511304111000"},{"name":"七宝寺镇","code":"511304119000"},{"name":"文峰街道","code":"511304004000"},{"name":"火花街道","code":"511304001000"},{"name":"都尉街道","code":"511304003000"}]

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看

南充市嘉陵区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts南充市嘉陵区geoJson地图3d地图自定义图标代码演示