随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理吉林市龙潭区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts吉林市龙潭区geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts吉林市龙潭区geoJson地图3d地图实例旋转动画
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts吉林市龙潭区geoJson地图全局颜色渐变
echarts地图渲染时,除了局部区域渐变外也会遇到整个地图的颜色渐变效果,我们可以通过areaColor的linear-gradient来实现我们想要的效果
threejs吉林市龙潭区geoJson地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例，CSS2D面向摄像机,不随场景缩放而缩放 vue3 threejs实现在3d地图中绘制css2d地名,如果想系统的学习threejs的话，可以观看threejs视频 WebGL 3D可视化教程
threejs吉林市龙潭区geoJson地图3d地图添加金色效果
通过threejs绘制3d地图使用outlinePass实现金色描边效果,并通过edgeStrength增加强度,让描边更清晰
threejs吉林市龙潭区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
吉林市龙潭区 下辖有 江密峰镇,遵义街道,金珠工业区,缸窑镇,金珠镇,东城街道,湘潭街道,榆树街道,铁东街道,龙华街道,龙潭街道,新吉林街道,泡子沿街道,江北乡,乌拉街镇,大口钦镇,山前街道,承德街道,新安街道,龙潭经济开发区
吉林市龙潭区下辖区域坐标
{"江密峰镇":[126.74923194064615,43.9260321068808],"遵义街道":[126.61556127441818,43.88696212647052],"金珠工业区":[126.54055792311102,44.02571134050319],"缸窑镇":[126.71346619398282,44.16756410669088],"金珠镇":[126.5728783980658,44.03272559988731],"东城街道":[126.65594662241911,43.88969330865144],"湘潭街道":[126.54412695058846,43.90372341353074],"榆树街道":[126.6520602551779,43.86862976103795],"铁东街道":[126.61722633506395,43.89375526968911],"龙华街道":[126.57172936319213,43.91265409738836],"龙潭街道":[126.58344886391899,43.89421419473283],"新吉林街道":[126.59243284362017,43.92894995998459],"泡子沿街道":[126.53887539873503,43.93406964574994],"江北乡":[126.59099516000867,43.96903900336025],"乌拉街镇":[126.51386588514464,44.12015428133247],"大口钦镇":[126.56325805144704,44.17953628526532],"山前街道":[126.56060517808532,43.92519264353004],"承德街道":[126.59901250356234,43.89728125025191],"新安街道":[126.55823885897067,43.89876963808446],"龙潭经济开发区":[126.5454897933808,43.90034708678787]}
吉林市龙潭区行政划分代码
[{"name":"江密峰镇","code":"220203102000"},{"name":"遵义街道","code":"220203009000"},{"name":"金珠工业区","code":"220203401000"},{"name":"缸窑镇","code":"220203101000"},{"name":"金珠镇","code":"220203104000"},{"name":"东城街道","code":"220203012000"},{"name":"湘潭街道","code":"220203002000"},{"name":"榆树街道","code":"220203010000"},{"name":"铁东街道","code":"220203003000"},{"name":"龙华街道","code":"220203001000"},{"name":"龙潭街道","code":"220203005000"},{"name":"新吉林街道","code":"220203006000"},{"name":"泡子沿街道","code":"220203004000"},{"name":"江北乡","code":"220203200000"},{"name":"乌拉街镇","code":"220203100000"},{"name":"大口钦镇","code":"220203103000"},{"name":"山前街道","code":"220203007000"},{"name":"承德街道","code":"220203013000"},{"name":"新安街道","code":"220203008000"},{"name":"龙潭经济开发区","code":"220203400000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
