可视化大屏 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是泰安市岱岳区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
岱岳区，隶属于山东省泰安市，地处泰山之阳、汶水之滨，居齐鲁腹地，北依省会泉城济南，南临孔子故里曲阜，介于北纬35°52′29″—-36°28′36″，东经116°50′26″—117°28′16″之间。南北长66千米，东西宽56千米，总面积917.2平方千米。下辖2个街道、9个镇。
echarts泰安市岱岳区geoJson地图阴影
echarts地图阴影效果实例,通过shadowColor控制阴影的颜色,通过shadowBlur控制范围,通过shadowOffsetX和shadowOffsetY控制偏移.
echarts泰安市岱岳区geoJson地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
echarts泰安市岱岳区geoJson地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs泰安市岱岳区geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果对threejs感兴趣，可以观看threejs课程视频 WebGL 3D可视化教程
threejs泰安市岱岳区geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs泰安市岱岳区geoJson地图3d地图CSS2D外加旋转棱锥
通过threejs绘制3d地图CSS2D外加旋转棱锥效果
泰安市岱岳区 下辖有 下港乡,范镇,徂徕镇,祝阳镇,黄前镇,化马湾乡,大汶口镇,夏张镇,山口镇,房村镇,满庄镇,良庄镇,角峪镇,道朗镇,马庄镇,天平街道,北集坡街道,粥店街道
泰安市岱岳区下辖区域坐标
{"下港乡":[117.29178091774519,36.39114872255399],"范镇":[117.38342058079401,36.21428642008971],"徂徕镇":[117.2714263793481,36.09785981038825],"祝阳镇":[117.33358087030925,36.26305263706642],"黄前镇":[117.20719236002034,36.33318179285208],"化马湾乡":[117.38272879358095,36.07959064272103],"大汶口镇":[117.10935420031988,35.98501896405389],"夏张镇":[116.93577762615917,36.09741493830081],"山口镇":[117.26328355527986,36.24928210676603],"房村镇":[117.18602596905068,35.96918132396021],"满庄镇":[117.06032705566582,36.06824609573884],"良庄镇":[117.27065438211908,35.96145468614148],"角峪镇":[117.41031308112917,36.14867842454045],"道朗镇":[116.91264128793145,36.20466574171797],"马庄镇":[116.99665344205982,35.9977451120257],"天平街道":[116.99538582838666,36.17490033082173],"北集坡街道":[117.12124270952275,36.07556254179489],"粥店街道":[117.03841070817415,36.21660205505506]}
泰安市岱岳区行政划分代码
[{"name":"下港乡","code":""},{"name":"范镇","code":"370911102000"},{"name":"徂徕镇","code":"370911104000"},{"name":"祝阳镇","code":"370911101000"},{"name":"黄前镇","code":"370911109000"},{"name":"化马湾乡","code":"370911201000"},{"name":"大汶口镇","code":"370911110000"},{"name":"夏张镇","code":"370911107000"},{"name":"山口镇","code":"370911100000"},{"name":"房村镇","code":"370911112000"},{"name":"满庄镇","code":"370911106000"},{"name":"良庄镇","code":"370911113000"},{"name":"角峪镇","code":"370911103000"},{"name":"道朗镇","code":"370911108000"},{"name":"马庄镇","code":"370911111000"},{"name":"天平街道","code":"370911002000"},{"name":"北集坡街道","code":"370911003000"},{"name":"粥店街道","code":"370911001000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规，本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据，属性齐全，各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示
