echarts武威市凉州区geoJson地图全局颜色渐变实例代码

echarts yekong

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

凉州区,古称姑臧,是甘肃省 武威市 下辖区,国务院命名的国家历史文化名城和对外开放城市。截至2022年5月,全区总面积4907.96平方公里,辖37个镇、2个生态建设指挥部、9个街道办事处,聚居着汉、藏、回、蒙等42个民族,户籍人口103.97万人,常住人口88.53万人 。

echarts武威市凉州区geoJson地图全局颜色渐变

echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果

echarts武威市凉州区geoJson地图全局颜色渐变

echarts武威市凉州区geoJson地图点击地图插小旗

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

echarts武威市凉州区geoJson地图点击地图插小旗

echarts武威市凉州区geoJson地图3d地图自定义贴图-绿色地面

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

echarts武威市凉州区geoJson地图3d地图自定义贴图-绿色地面

threejs武威市凉州区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果想系统的学习threejs的话,可以观看threejs视频教程 WebGL/Three.js前端高薪3D可视化

threejs武威市凉州区geoJson地图3d地图鼠标移入显示标签并高亮

threejs武威市凉州区geoJson地图3d地图css2d标签

通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放

threejs武威市凉州区geoJson地图3d地图css2d标签

threejs武威市凉州区geoJson地图3d地图自定义贴图加CSS2D标签

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

threejs武威市凉州区geoJson地图3d地图自定义贴图加CSS2D标签

武威市凉州区 下辖有 黄羊镇,地质新村街街道,东关街街道,东大街街道,金山乡,西关街街道,下双乡,荣华街街道,中坝镇,和平镇,大柳乡,西大街街道,康宁乡,怀安乡,松树乡,柏树乡,永丰镇,河东乡,金塔乡,韩佐乡,吴家井乡,九墩滩指挥部,羊下坝镇,黄羊河街道,火车站街街道,东河乡,丰乐镇,金沙乡,金羊镇,长城乡,九墩乡,五和乡,双城镇,发放镇,古城镇,四坝镇,张义镇,新华乡,武南镇,永昌镇,洪祥镇,清水乡,清源镇,西营镇,谢河镇,高坝镇

武威市凉州区下辖区域坐标

{"黄羊镇":[102.86070513211828,37.65791271113589],"地质新村街街道":[102.62494769644599,37.93670421102514],"东关街街道":[102.64947022609161,37.92404946598546],"东大街街道":[102.63985925017641,37.92876626289566],"金山乡":[102.26673826469225,38.07593683424226],"西关街街道":[102.60738926355322,37.92912745652241],"下双乡":[102.72311848959862,38.05583460843567],"荣华街街道":[102.66082979610091,37.91971734554765],"中坝镇":[102.65922465209532,37.98351931220675],"和平镇":[102.61141960992494,37.90330276223114],"大柳乡":[102.71432627761848,37.99704121736755],"西大街街道":[102.62692175849456,37.92996245188236],"康宁乡":[102.36576027802599,38.00685018327019],"怀安乡":[102.51503281429322,37.9746961340752],"松树乡":[102.50496932067065,37.9358222220273],"柏树乡":[102.55926276938847,37.9116076268431],"永丰镇":[102.43053023888244,38.03324616060212],"河东乡":[102.80070140490585,37.76257726869092],"金塔乡":[102.56462778423966,37.85177563252321],"韩佐乡":[102.67820476403259,37.77498875797905],"吴家井乡":[103.00499793707607,37.80087873272176],"九墩滩指挥部":[102.78191075406005,38.12015374590734],"羊下坝镇":[102.68040514185617,38.03454312273482],"黄羊河街道":[102.91169722849665,37.77695064117653],"火车站街街道":[102.62894559923656,37.90920363463889],"东河乡":[102.83932058777374,37.8216452930404],"丰乐镇":[102.35821833513185,38.08576424195149],"金沙乡":[102.5804401925078,37.99823418844793],"金羊镇":[102.6360058387484,37.95666217376066],"长城乡":[103.09538419408801,37.97261467606703],"九墩乡":[102.73296425402341,38.14115571931892],"五和乡":[102.50812792361405,38.05258658133531],"双城镇":[102.57090850303842,38.13179223645095],"发放镇":[102.72683085605036,37.96534356641301],"古城镇":[102.62500525283349,37.71657723605111],"四坝镇":[102.66872921339402,38.11817332702222],"张义镇":[102.69723072762008,37.50287772680957],"新华乡":[102.54069278867294,37.78470117582557],"武南镇":[102.73142412488347,37.80986776767692],"永昌镇":[102.60192983604597,38.03692613400356],"洪祥镇":[102.50932635485631,38.12049083140316],"清水乡":[102.75386928587689,37.89886025305847],"清源镇":[102.83896444200754,37.94587815499169],"西营镇":[102.3236281629149,37.93837420747422],"谢河镇":[102.73606188082961,37.67160459210808],"高坝镇":[102.65528868049543,37.85761266593207]}

武威市凉州区行政划分代码

[{"name":"黄羊镇","code":"620602100000"},{"name":"地质新村街街道","code":"620602006000"},{"name":"东关街街道","code":"620602003000"},{"name":"东大街街道","code":"620602001000"},{"name":"金山乡","code":""},{"name":"西关街街道","code":"620602004000"},{"name":"下双乡","code":""},{"name":"荣华街街道","code":"620602007000"},{"name":"中坝镇","code":"620602110000"},{"name":"和平镇","code":"620602108000"},{"name":"大柳乡","code":""},{"name":"西大街街道","code":"620602002000"},{"name":"康宁乡","code":""},{"name":"怀安乡","code":""},{"name":"松树乡","code":""},{"name":"柏树乡","code":""},{"name":"永丰镇","code":"620602111000"},{"name":"河东乡","code":""},{"name":"金塔乡","code":""},{"name":"韩佐乡","code":""},{"name":"吴家井乡","code":""},{"name":"九墩滩指挥部","code":""},{"name":"羊下坝镇","code":"620602109000"},{"name":"黄羊河街道","code":"620602009000"},{"name":"火车站街街道","code":"620602005000"},{"name":"东河乡","code":""},{"name":"丰乐镇","code":"620602105000"},{"name":"金沙乡","code":""},{"name":"金羊镇","code":"620602107000"},{"name":"长城乡","code":""},{"name":"九墩乡","code":""},{"name":"五和乡","code":""},{"name":"双城镇","code":"620602104000"},{"name":"发放镇","code":"620602114000"},{"name":"古城镇","code":"620602112000"},{"name":"四坝镇","code":"620602116000"},{"name":"张义镇","code":"620602113000"},{"name":"新华乡","code":""},{"name":"武南镇","code":"620602101000"},{"name":"永昌镇","code":"620602103000"},{"name":"洪祥镇","code":"620602117000"},{"name":"清水乡","code":""},{"name":"清源镇","code":"620602102000"},{"name":"西营镇","code":"620602115000"},{"name":"谢河镇","code":"620602118000"},{"name":"高坝镇","code":"620602106000"}]

说明

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

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

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

武威市凉州区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts武威市凉州区geoJson地图全局颜色渐变实例代码