可视化大屏 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是潍坊市高密市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
高密市,山东省辖县级市,由潍坊市代管。地处山东半岛东部,胶莱平原腹地,东与青岛市接壤。总面积1605.55平方千米。截至2022年10月,高密市辖3个街道、7个镇。截至2022年末,高密市户籍总人口89.3576万人。
echarts潍坊市高密市geoJson地图点击地图插小旗
echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.
echarts潍坊市高密市geoJson地图3d地图自定义贴图-绿色地面
3d地图自定义贴图-绿色地面,echarts结合echarts-gl实现3d地图自定义贴图效果,通过设置 shading: 'realistic',以及realisticMaterial来设置自定义纹理贴图,当前效果为绿色地面的效果实例
echarts潍坊市高密市geoJson地图tooltip自定义html
echarts tooltip演示自定义,通过toolTip的formatter方法以html+css的方式实现自己想要的样式效果,鼠标移上去就可以看到我们想要的效果了,也可以通过css自定义为自己需要的样式.
threejs潍坊市高密市geoJson地图3d地图
通过threejs绘制的3d地图实例 vue3 threejs 在vue3项目中绘制3d地图效果实例,如果对threejs感兴趣,可以观看threejs视频教程 WebGL前端3D可视化教程
threejs潍坊市高密市geoJson地图3d地图鼠标移入显示标签并高亮
通过threejs绘制的3d地图鼠标移入显示标签并高亮
threejs潍坊市高密市geoJson地图3d地图添加旋转棱锥
通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例
潍坊市高密市 下辖有 井沟镇,夏庄镇,姜庄镇,柏城镇,柴沟镇,阚家镇,高密市密水街道,高密市朝阳街道,高密市醴泉街道,大牟家镇
潍坊市高密市下辖区域坐标
{"井沟镇":[119.5883514941122,36.3105887108028],"夏庄镇":[119.88324087845155,36.46613222716653],"姜庄镇":[119.78997662766167,36.49031580894671],"柏城镇":[119.7581727296425,36.26040853704112],"柴沟镇":[119.56927354803463,36.21488585581746],"阚家镇":[119.574822390984,36.39210993215404],"高密市密水街道":[119.71855363089706,36.30238076419364],"高密市朝阳街道":[119.84393036637573,36.35419781207804],"高密市醴泉街道":[119.68975020110612,36.4280785090983],"大牟家镇":[119.63378933878792,36.58727436675623]}
潍坊市高密市行政划分代码
[{"name":"井沟镇","code":"370785111000"},{"name":"夏庄镇","code":"370785103000"},{"name":"姜庄镇","code":"370785104000"},{"name":"柏城镇","code":"370785100000"},{"name":"柴沟镇","code":"370785114000"},{"name":"阚家镇","code":"370785109000"},{"name":"高密市密水街道","code":"370785003000"},{"name":"高密市朝阳街道","code":"370785001000"},{"name":"高密市醴泉街道","code":"370785002000"},{"name":"大牟家镇","code":"370785106000"}]
说明
1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。
2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。
3、本数据仅用于echarts threejs地图效果展示。
4、当前除了包含有关键地区的geoJson地图信息外还包含有28个echarts地图效果,以及13个threejs地图实例效果,限于篇幅不一一展示