随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理扬州市邗江区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
echarts扬州市邗江区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts扬州市邗江区geoJson地图3d地图
使用的是echarts-gl结合echarts实现的3d地图效果实例
echarts扬州市邗江区geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs扬州市邗江区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例,如果对threejs感兴趣，可以观看threejs课程视频 3D可视化Three.js视频教程
threejs扬州市邗江区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁
扬州市邗江区 下辖有 扬子津街道,维扬经济开发区,瘦西湖街道,新城西区新盛街道,八里镇,施桥镇,物流园区,文汇街道,梅岭街道,邗上街道,城北乡,平山乡,公道镇,方巷镇,朴席镇,汊河街道,杨寿镇,杨庙镇,槐泗镇,瓜洲镇,西湖镇,双桥街道,甘泉街道,蒋王街道
扬州市邗江区下辖区域坐标
{"扬子津街道":[119.40756020553928,32.35401535496874],"维扬经济开发区":[119.39174504086256,32.44366719925791],"瘦西湖街道":[119.42965593334594,32.42201981699155],"新城西区新盛街道":[119.35696545843058,32.39116159395367],"八里镇":[119.41727987160081,32.2863497708377],"施桥镇":[119.46938611496685,32.30449412160657],"物流园区":[119.45878601188821,32.43963450874151],"文汇街道":[119.41054627772007,32.37975148538311],"梅岭街道":[119.43643487134278,32.41029693111778],"邗上街道":[119.39020317084263,32.38400129546365],"城北乡":[119.44901695609217,32.43906636186893],"平山乡":[119.43203796308498,32.44522496444523],"公道镇":[119.38021189758155,32.61128835142642],"方巷镇":[119.40579231270222,32.53886883269974],"朴席镇":[119.31440615083645,32.27829494131156],"汊河街道":[119.37390644563051,32.31274965244791],"杨寿镇":[119.3208784782729,32.54196846311542],"杨庙镇":[119.32094385854205,32.41957753331318],"槐泗镇":[119.42739674538069,32.50223846477795],"瓜洲镇":[119.37399633951394,32.25258321504982],"西湖镇":[119.36680919868465,32.42627880209923],"双桥街道":[119.40661607894415,32.40092634735892],"甘泉街道":[119.34317194377888,32.48733156375391],"蒋王街道":[119.35411141622461,32.35419838818886]}
扬州市邗江区行政划分代码
[{"name":"扬子津街道","code":""},{"name":"维扬经济开发区","code":"321003402000"},{"name":"瘦西湖街道","code":"321003052000"},{"name":"新城西区新盛街道","code":""},{"name":"八里镇","code":""},{"name":"施桥镇","code":""},{"name":"物流园区","code":"321003403000"},{"name":"文汇街道","code":""},{"name":"梅岭街道","code":"321003006000"},{"name":"邗上街道","code":"321003001000"},{"name":"城北乡","code":""},{"name":"平山乡","code":"321003350000"},{"name":"公道镇","code":"321003100000"},{"name":"方巷镇","code":"321003101000"},{"name":"朴席镇","code":""},{"name":"汊河街道","code":"321003003000"},{"name":"杨寿镇","code":"321003108000"},{"name":"杨庙镇","code":"321003110000"},{"name":"槐泗镇","code":"321003102000"},{"name":"瓜洲镇","code":"321003103000"},{"name":"西湖镇","code":""},{"name":"双桥街道","code":"321003005000"},{"name":"甘泉街道","code":"321003007000"},{"name":"蒋王街道","code":"321003002000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示,可以通过更多echarts和threejs地图效果实例查看
