随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理大连市西岗区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
西岗区，隶属于辽宁省大连市，是大连市的中心城区，位于大连市中部，是大连市政府驻地；西岗区东至民乐街、更新街、长青街，与中山区接壤，西到华北路、不老街、东北路，与沙河口区毗邻，南濒付家庄、金沙滩的黄海海域，北与甘井子区相连，全区总面积26.6平方千米。截至2020年末，西岗区辖5个街道，常住人口305317人。
echarts大连市西岗区geoJson地图地图下钻展示
地图下钻展示,点击地图后,只显示当前选中的区域,可点击返回显示全部地图.
echarts大连市西岗区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts大连市西岗区geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs大连市西岗区geoJson地图3d地图添加描边效果
通过threejs绘制3d地图使用outlinePass 实现发光描边效果,如果对threejs感兴趣，可以观看threejs视频教程 Three.js前端3D可视化
threejs大连市西岗区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能
threejs大连市西岗区geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
大连市西岗区 下辖有 北京街道,站北街道,香炉礁街道,人民广场街道,日新街道,白云街道,八一路街道
大连市西岗区下辖区域坐标
{"北京街道":[121.6039439009283,38.91878248787521],"站北街道":[121.6300787758382,38.93265239983135],"香炉礁街道":[121.60066521945166,38.93659410490469],"人民广场街道":[121.61575983681129,38.90113624448565],"日新街道":[121.61973223017105,38.91204075295137],"白云街道":[121.60984545956518,38.89324911000617],"八一路街道":[121.62167492081566,38.8795333870212]}
大连市西岗区行政划分代码
[{"name":"北京街道","code":""},{"name":"站北街道","code":""},{"name":"香炉礁街道","code":"210203001000"},{"name":"人民广场街道","code":"210203011000"},{"name":"日新街道","code":"210203004000"},{"name":"白云街道","code":"210203013000"},{"name":"八一路街道","code":"210203010000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
