数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理济南市市中区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
市中区，隶属于 山东省 济南市，位于济南市区中南部，东邻历下区，西靠长清区、槐荫区，北倚天桥区，南接历城区，总面积281.4945平方千米 。下辖17个街道。截至2021年，市中区常住人口91.51万人。
echarts济南市市中区geoJson地图水滴状气泡图
echarts地图渲染时,会通过一个水滴状小气泡来将数值渲染到地图上,我们可以可以通过scatter来实现我们想要的效果.
echarts济南市市中区geoJson地图label样式自定义
echarts通过scatter实例可以配置自己想要的图标,以及label文字的样式效果
echarts济南市市中区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
threejs济南市市中区geoJson地图3d地图指定区域闪烁
通过threejs绘制3d地图并让指定区域闪烁,如果想系统的学习threejs的话，可以观看threejs视频 WebGL/Three.js前端高薪3D可视化
threejs济南市市中区geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs济南市市中区geoJson地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图
济南市市中区 下辖有 舜玉路街道,二七街道,舜耕街道,四里村街道,大观园街道,杆石桥街道,七贤街道,王官庄街道,十六里河街道,泺源街道,七里山街道,六里山街道,魏家庄街道,党家街道,兴隆街道,陡沟街道,白马山街道
济南市市中区下辖区域坐标
{"舜玉路街道":[117.01236677398413,36.62179260339564],"二七街道":[116.98398877893808,36.63611598755739],"舜耕街道":[117.02661371942804,36.61529545388342],"四里村街道":[116.99394046128904,36.6400534744743],"大观园街道":[116.98780770887086,36.66302895499308],"杆石桥街道":[116.99173449196033,36.65446382621626],"七贤街道":[116.94931162899067,36.60611357550658],"王官庄街道":[116.95560725760075,36.63028330032533],"十六里河街道":[116.98995022250986,36.56527962914463],"泺源街道":[117.00517789556919,36.65710644756192],"七里山街道":[116.9818082830541,36.62408219142777],"六里山街道":[116.99449155999395,36.62064055566643],"魏家庄街道":[116.99787790831797,36.66288734740606],"党家街道":[116.91153524313259,36.5396264928858],"兴隆街道":[117.08621200874838,36.58327146558828],"陡沟街道":[116.87335749806618,36.6018099534682],"白马山街道":[116.92326310845164,36.63420949195504]}
济南市市中区行政划分代码
[{"name":"舜玉路街道","code":"370103012000"},{"name":"二七街道","code":"370103008000"},{"name":"舜耕街道","code":"370103016000"},{"name":"四里村街道","code":"370103004000"},{"name":"大观园街道","code":"370103002000"},{"name":"杆石桥街道","code":"370103003000"},{"name":"七贤街道","code":"370103018000"},{"name":"王官庄街道","code":"370103015000"},{"name":"十六里河街道","code":"370103019000"},{"name":"泺源街道","code":"370103014000"},{"name":"七里山街道","code":"370103009000"},{"name":"六里山街道","code":"370103010000"},{"name":"魏家庄街道","code":"370103006000"},{"name":"党家街道","code":"370103021000"},{"name":"兴隆街道","code":"370103020000"},{"name":"陡沟街道","code":"370103022000"},{"name":"白马山街道","code":"370103017000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
