可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理毕节市大方县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts毕节市大方县geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts毕节市大方县geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
echarts毕节市大方县geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
threejs毕节市大方县geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果,如果想系统的学习threejs的话，可以观看threejs课程视频 Three.js 3D可视化
threejs毕节市大方县geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs毕节市大方县geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
毕节市大方县 下辖有 三元乡,东关乡,八堡乡,六龙镇,兴隆乡,凤山乡,双山镇,响水乡,大山乡,大水乡,安乐乡,对江镇,小屯乡,文阁乡,星宿乡,普底乡,果瓦乡,牛场乡,长石镇,雨冲乡,黄泥乡,鼎新乡,红旗街道,顺德街道,黄泥塘镇,慕俄格古城街道,马场镇,核桃乡,沙厂乡,猫场镇,理化乡,瓢井镇,百纳乡,竹园乡,绿塘乡,羊场镇,达溪镇
毕节市大方县下辖区域坐标
{"三元乡":[105.78935397842082,27.35162988113115],"东关乡":[105.59609951751432,27.23375546579856],"八堡乡":[105.56285962048256,27.40777646886832],"六龙镇":[105.70136876539253,27.1594964376299],"兴隆乡":[105.61130792442019,27.47376340798104],"凤山乡":[105.73932330068547,27.22665293130439],"双山镇":[105.47788197619036,27.17871050607449],"响水乡":[105.50914982581781,27.29052451309524],"大山乡":[105.83424961135844,27.46060213542132],"大水乡":[105.97078428579817,27.23438543998308],"安乐乡":[105.68377749262348,27.25819902719602],"对江镇":[105.5110327639285,27.09403251962727],"小屯乡":[105.58365244235239,27.06107915257827],"文阁乡":[105.44739199650417,27.15075487057019],"星宿乡":[105.87575453782378,27.40352006197733],"普底乡":[105.8519941827285,27.21044492373436],"果瓦乡":[105.83199005964023,27.54037963472236],"牛场乡":[105.566995976627,26.90202399258284],"长石镇":[105.73221098641397,27.54123437942489],"雨冲乡":[105.9624139043024,27.40388355815667],"黄泥乡":[106.07370976051374,27.3016729012203],"鼎新乡":[105.406874083443,26.99142669304379],"红旗街道":[105.60607364360075,27.14000461914063],"顺德街道":[105.58809027313907,27.13658290702848],"黄泥塘镇":[105.75311623701015,27.05707377129879],"慕俄格古城街道":[105.64007614189822,27.12592065363546],"马场镇":[105.508176531503,26.95965226943241],"核桃乡":[105.63802505522006,27.31232613635545],"沙厂乡":[105.96391382573319,27.29816269945108],"猫场镇":[105.32478598579911,27.01361557418839],"理化乡":[105.63817457190453,27.0030416850217],"瓢井镇":[105.71499912646482,27.43378185495915],"百纳乡":[105.84504834982914,27.28850357270766],"竹园乡":[105.5648914446291,27.24632654375113],"绿塘乡":[105.41642431258182,27.06805637063248],"羊场镇":[105.67015548639266,27.09774977486506],"达溪镇":[105.68518075721215,27.3596241895934]}
毕节市大方县行政划分代码
[{"name":"三元乡","code":""},{"name":"东关乡","code":"520521200000"},{"name":"八堡乡","code":""},{"name":"六龙镇","code":"520521106000"},{"name":"兴隆乡","code":""},{"name":"凤山乡","code":""},{"name":"双山镇","code":"520521101000"},{"name":"响水乡","code":""},{"name":"大山乡","code":""},{"name":"大水乡","code":""},{"name":"安乐乡","code":""},{"name":"对江镇","code":"520521110000"},{"name":"小屯乡","code":"520521208000"},{"name":"文阁乡","code":"520521203000"},{"name":"星宿乡","code":""},{"name":"普底乡","code":""},{"name":"果瓦乡","code":"520521216000"},{"name":"牛场乡","code":""},{"name":"长石镇","code":"520521109000"},{"name":"雨冲乡","code":"520521218000"},{"name":"黄泥乡","code":""},{"name":"鼎新乡","code":""},{"name":"红旗街道","code":"520521001000"},{"name":"顺德街道","code":"520521002000"},{"name":"黄泥塘镇","code":"520521105000"},{"name":"慕俄格古城街道","code":"520521003000"},{"name":"马场镇","code":"520521103000"},{"name":"核桃乡","code":""},{"name":"沙厂乡","code":""},{"name":"猫场镇","code":"520521102000"},{"name":"理化乡","code":""},{"name":"瓢井镇","code":"520521108000"},{"name":"百纳乡","code":""},{"name":"竹园乡","code":""},{"name":"绿塘乡","code":"520521204000"},{"name":"羊场镇","code":"520521104000"},{"name":"达溪镇","code":"520521107000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
