echarts和田地区皮山县geoJson地图阴影代码演示

geoJson2 yekong

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

皮山县位于新疆维吾尔自治区南部,塔克拉玛干大沙漠南缘,喀喇昆仑山北麓。东与和田县、墨玉县毗邻,西同叶城县相连,南与印度、巴基斯坦在克什米尔的实际控制区交界,北与麦盖提县、巴楚县接壤。地处东经77°31′至79°38′,北纬35°22′至39°01′。县境南北长423公里,东西宽67.5-144.5公里,全县总面积39741.52平方千米 ,其中山区占37.9%,平原占22.6%,沙漠占39.5%。宜农地占2.3%,宜牧地占13.1%。县人民政府位于315国道线旁,距自治区首府乌鲁木齐市1811.6公里。

echarts和田地区皮山县geoJson地图阴影

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

echarts和田地区皮山县geoJson地图阴影

echarts和田地区皮山县geoJson地图点击地图获取经纬度

echarts地图渲染后,有时候会需要点击后获取到经纬度信息,通过经纬度信息来查询一些内容,这里我们可以通过convertFromPixel来获取经纬度.

echarts和田地区皮山县geoJson地图点击地图获取经纬度

echarts和田地区皮山县geoJson地图3d地图自定义贴图-绿色地面

3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例

echarts和田地区皮山县geoJson地图3d地图自定义贴图-绿色地面

threejs和田地区皮山县geoJson地图3d地图添加描边效果

通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果想系统的学习threejs的话,可以观看threejs课程视频 Three.js前端3D可视化教程

threejs和田地区皮山县geoJson地图3d地图添加描边效果

threejs和田地区皮山县geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs和田地区皮山县geoJson地图3d地图鼠标移入显示标签并高亮

threejs和田地区皮山县geoJson地图3d地图CSS2D外加旋转棱锥

通过threejs绘制3d地图CSS2D外加旋转棱锥效果

threejs和田地区皮山县geoJson地图3d地图CSS2D外加旋转棱锥

和田地区皮山县 下辖有 康克尔柯尔克孜民族乡,乔达乡,藏桂乡,阔什塔格乡,皮山县良种场,垴阿巴提塔吉克民族乡,兵团皮山农场,皮西那乡,赛图拉镇,皮亚勒玛乡,街道,固玛镇,木吉镇,杜瓦镇,桑株乡,克里阳乡,国营牧场,巴什兰干乡,木奎拉乡,科克铁热克乡,皮山三峡工业园区,皮亚勒玛农业综合开发区

和田地区皮山县下辖区域坐标

{"康克尔柯尔克孜民族乡":[78.41614119589576,36.27350252111829],"乔达乡":[78.88850820537141,38.09083112862388],"藏桂乡":[79.1170893736458,38.04119761631883],"阔什塔格乡":[78.0417292511332,37.24702515160809],"皮山县良种场":[78.08976602603764,37.39257669107073],"垴阿巴提塔吉克民族乡":[77.75050447095926,36.37866657311716],"兵团皮山农场":[78.46351557122375,37.68995524368798],"皮西那乡":[78.0666998433191,37.5217982526035],"赛图拉镇":[78.18628817174701,36.18564447884765],"皮亚勒玛乡":[79.24006764888469,37.96866734896463],"街道":[78.27203966738962,37.61306725264391],"固玛镇":[78.21097782083706,37.50790953601647],"木吉镇":[78.98282693900555,38.06089675022338],"杜瓦镇":[78.91869502346232,36.84796328662573],"桑株乡":[78.4879261336938,37.08492443461418],"克里阳乡":[77.81149435459801,37.23882682579436],"国营牧场":[],"巴什兰干乡":[77.81307381394586,37.50829676806752],"木奎拉乡":[78.56953321743477,37.97296703542679],"科克铁热克乡":[78.23727476100734,38.02348188746769],"皮山三峡工业园区":[78.26758173866008,37.54483174658105],"皮亚勒玛农业综合开发区":[79.2603496185188,37.32479432597952]}

和田地区皮山县行政划分代码

[{"name":"康克尔柯尔克孜民族乡","code":"653223212000"},{"name":"乔达乡","code":"653223205000"},{"name":"藏桂乡","code":"653223207000"},{"name":"阔什塔格乡","code":""},{"name":"皮山县良种场","code":""},{"name":"垴阿巴提塔吉克民族乡","code":"653223211000"},{"name":"兵团皮山农场","code":""},{"name":"皮西那乡","code":"653223209000"},{"name":"赛图拉镇","code":"653223102000"},{"name":"皮亚勒玛乡","code":"653223208000"},{"name":"街道","code":"653223001000"},{"name":"固玛镇","code":"653223100000"},{"name":"木吉镇","code":"653223103000"},{"name":"杜瓦镇","code":"653223101000"},{"name":"桑株乡","code":""},{"name":"克里阳乡","code":"653223201000"},{"name":"国营牧场","code":""},{"name":"巴什兰干乡","code":"653223210000"},{"name":"木奎拉乡","code":"653223206000"},{"name":"科克铁热克乡","code":"653223202000"},{"name":"皮山三峡工业园区","code":"653223401000"},{"name":"皮亚勒玛农业综合开发区","code":""}]

说明

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

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

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

和田地区皮山县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts和田地区皮山县geoJson地图阴影代码演示