echarts普洱市澜沧拉祜族自治县geoJson地图 tooltip轮播效果

geoJson2 yekong

大屏数据可视化 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理普洱市澜沧拉祜族自治县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

echarts普洱市澜沧拉祜族自治县geoJson地图 tooltip轮播

echarts地图实现类似tooltip轮播效果,通过effectScatter实现浮窗,并通过定时修改effectScatter的data来实现浮窗的移动.

echarts普洱市澜沧拉祜族自治县geoJson地图 tooltip轮播

echarts普洱市澜沧拉祜族自治县geoJson地图局部颜色渐变

echarts地图渲染,通过echarts.graphic.LinearGradient线性渐变来实现地图区域颜色的渐变效果

echarts普洱市澜沧拉祜族自治县geoJson地图局部颜色渐变

echarts普洱市澜沧拉祜族自治县geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts普洱市澜沧拉祜族自治县geoJson地图点击地图插小旗

threejs普洱市澜沧拉祜族自治县geoJson地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果对threejs感兴趣,可以观看threejs教程视频 Three.js视频教程3D可视化

threejs普洱市澜沧拉祜族自治县geoJson地图3d地图自定义贴图加CSS2D标签

threejs普洱市澜沧拉祜族自治县geoJson地图3d地图CSS2D外加旋转棱锥

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

threejs普洱市澜沧拉祜族自治县geoJson地图3d地图CSS2D外加旋转棱锥

threejs普洱市澜沧拉祜族自治县geoJson地图3d地图添加金色效果

通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰

threejs普洱市澜沧拉祜族自治县geoJson地图3d地图添加金色效果

普洱市澜沧拉祜族自治县 下辖有 上允镇,东回镇,东河乡,大山乡,富东乡,拉巴乡,木戛乡,竹塘乡,糯福乡,糯扎渡镇,安康佤族乡,文东佤族乡,谦六彝族乡,雪林佤族乡,发展河哈尼族乡,勐朗镇,南岭乡,酒井哈尼族乡,富邦乡,惠民镇

普洱市澜沧拉祜族自治县下辖区域坐标

{"上允镇":[99.83888386721044,23.07581517136938],"东回镇":[99.78992682722331,22.41389628808444],"东河乡":[100.04086172725857,22.94616475690781],"大山乡":[100.08292978469946,23.04791361140327],"富东乡":[100.0146215070481,23.14484442474298],"拉巴乡":[99.65236469340552,22.5581484088777],"木戛乡":[99.6812673954071,23.00573868878505],"竹塘乡":[99.80949974154404,22.76656590373465],"糯福乡":[99.81605865777945,22.18838602291532],"糯扎渡镇":[100.33423383658214,22.52895347929081],"安康佤族乡":[99.6940450719924,23.16106419763974],"文东佤族乡":[99.88790126783005,23.17632738981251],"谦六彝族乡":[100.18366432537856,22.8340230743455],"雪林佤族乡":[99.58522285280438,23.03553476882511],"发展河哈尼族乡":[100.24404769660993,22.36963441756139],"勐朗镇":[99.98177559853431,22.54606172126821],"南岭乡":[100.00576923627958,22.73753156452641],"酒井哈尼族乡":[100.01070314509792,22.39325568362177],"富邦乡":[99.83035356804857,22.91049447836654],"惠民镇":[100.0651998036704,22.23511345026697]}

普洱市澜沧拉祜族自治县行政划分代码

[{"name":"上允镇","code":"530828102000"},{"name":"东回镇","code":"530828105000"},{"name":"东河乡","code":"530828204000"},{"name":"大山乡","code":"530828205000"},{"name":"富东乡","code":"530828217000"},{"name":"拉巴乡","code":"530828212000"},{"name":"木戛乡","code":"530828208000"},{"name":"竹塘乡","code":"530828213000"},{"name":"糯福乡","code":"530828203000"},{"name":"糯扎渡镇","code":"530828103000"},{"name":"安康佤族乡","code":"530828215000"},{"name":"文东佤族乡","code":"530828216000"},{"name":"谦六彝族乡","code":"530828202000"},{"name":"雪林佤族乡","code":"530828207000"},{"name":"发展河哈尼族乡","code":"530828201000"},{"name":"勐朗镇","code":"530828101000"},{"name":"南岭乡","code":"530828206000"},{"name":"酒井哈尼族乡","code":"530828209000"},{"name":"富邦乡","code":"530828214000"},{"name":"惠民镇","code":"530828104000"}]

说明

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

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

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

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

普洱市澜沧拉祜族自治县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts普洱市澜沧拉祜族自治县geoJson地图 tooltip轮播效果