随着开发 数据大屏可视化 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理烟台市莱阳市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
莱阳市,山东省辖县级市,由烟台市代管,位于山东省东部,地处胶东半岛腹地,是胶东半岛几何中心,北邻烟台市,南接青岛市,为低山丘陵区,山丘起伏和缓,沟壑纵横交错;属温带季风气候,总面积1732平方千米。截至2022年底,全市下辖5个街道、13个镇,常住人口79.5万。
echarts烟台市莱阳市geoJson地图地图排行榜效果
echarts地图根据数据渲染不同颜色的地图,并根据数据大小显示前10名的排序效果,属于地图map类型和柱状图bar类型混合效果
echarts烟台市莱阳市geoJson地图3d地图自定义图标
echarts 3d地图添加自定义图标实例
echarts烟台市莱阳市geoJson地图自定义引导线
echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.
threejs烟台市莱阳市geoJson地图3d地图红色描边闪烁警报
通过threejs绘制3d地图使用outlinePass 实现发光描边闪烁效果 以实现警报功能,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化
threejs烟台市莱阳市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
threejs烟台市莱阳市geoJson地图3d地图自定义贴图加CSS2D标签
通过threejs绘制3d地图并添加CSS2D标签和自定义贴图
烟台市莱阳市 下辖有 河洛镇,穴坊镇,沐浴店镇,照旺庄镇,谭格庄镇,万第镇,团旺镇,大夼镇,姜疃镇,羊郡镇,柏林庄街道,吕格庄镇,城厢街道,山前店镇,冯格庄街道,古柳街道,龙旺庄街道,高格庄镇
烟台市莱阳市下辖区域坐标
{"河洛镇":[120.7034685985071,37.04116703906762],"穴坊镇":[120.7123720703903,36.64045075541853],"沐浴店镇":[120.80023190085967,37.07692575959167],"照旺庄镇":[120.77692720487475,36.87971625022936],"谭格庄镇":[120.61807085392729,37.10100280388079],"万第镇":[120.88152709919015,36.90080933520071],"团旺镇":[120.63497048469318,36.75688107164679],"大夼镇":[120.83250005913953,36.78533973081291],"姜疃镇":[120.72618546497648,36.80782814567461],"羊郡镇":[120.81576337856951,36.67001009259234],"柏林庄街道":[120.63944074736153,37.01552747668749],"吕格庄镇":[120.6260025002696,36.85188268182954],"城厢街道":[120.70580652990948,36.97208087735498],"山前店镇":[120.90278857369665,37.02757096508067],"冯格庄街道":[120.61015747657079,36.94414108625381],"古柳街道":[120.69417494458452,36.91201828642299],"龙旺庄街道":[120.81237492241115,36.95974435816554],"高格庄镇":[120.77286333295729,36.72079916813266]}
烟台市莱阳市行政划分代码
[{"name":"河洛镇","code":"370682110000"},{"name":"穴坊镇","code":"370682103000"},{"name":"沐浴店镇","code":"370682101000"},{"name":"照旺庄镇","code":"370682107000"},{"name":"谭格庄镇","code":"370682108000"},{"name":"万第镇","code":"370682106000"},{"name":"团旺镇","code":"370682102000"},{"name":"大夼镇","code":"370682113000"},{"name":"姜疃镇","code":"370682105000"},{"name":"羊郡镇","code":"370682104000"},{"name":"柏林庄街道","code":"370682005000"},{"name":"吕格庄镇","code":"370682111000"},{"name":"城厢街道","code":"370682001000"},{"name":"山前店镇","code":"370682114000"},{"name":"冯格庄街道","code":"370682004000"},{"name":"古柳街道","code":"370682002000"},{"name":"龙旺庄街道","code":"370682003000"},{"name":"高格庄镇","code":"370682112000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示