echarts平顶山市卫东区geoJson地图3d地图自定义图标代码演示

echarts yekong 531℃

可视化数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理平顶山市卫东区echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

卫东区隶属于河南省平顶山市,位于平顶山市市区东部,地处外方山余脉和黄淮平原的过渡地带,地理坐标为东经113°18'~113°28',北纬33°38'~33°49',东及东南与叶县接壤,南隔湛河与湛河区相望,西与新华区交界,西北和宝丰县连接,北与郏县为邻,东北与许昌市襄城县相连。

echarts平顶山市卫东区geoJson地图3d地图自定义图标

echarts 3d地图添加自定义图标实例

echarts平顶山市卫东区geoJson地图3d地图自定义图标

echarts平顶山市卫东区geoJson地图自定义引导线

echarts地图渲染中,会遇到多个地名凑到一块导致名称重叠的情况,这时候我们可以通过一条线指向对应的位置并通过label来进行标注的效果.

echarts平顶山市卫东区geoJson地图自定义引导线

echarts平顶山市卫东区geoJson地图点击地图插小旗

echarts地图渲染点击地图显示自定义效果实例,效果类似点击插小旗的效果,通过scatter实现.

echarts平顶山市卫东区geoJson地图点击地图插小旗

threejs平顶山市卫东区geoJson地图3d地图CSS3D标签

通过threejs绘制的3d地图CSS3D标签实例,CSS3D不面向摄像机,跟随场景缩放,可以通过rotateY调整角度,通过scale调整大小,如果想系统的学习threejs的话,可以观看threejs教程视频 WebGL/Three.js前端高薪3D可视化

threejs平顶山市卫东区geoJson地图3d地图CSS3D标签

threejs平顶山市卫东区geoJson地图3d地图

通过threejs绘制的3d地图实例,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端高薪3D可视化

threejs平顶山市卫东区geoJson地图3d地图

threejs平顶山市卫东区geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮,如果对threejs感兴趣,可以观看threejs视频课程 WebGL 3D可视化教程

threejs平顶山市卫东区geoJson地图3d地图鼠标移入显示标签并高亮

平顶山市卫东区下辖有光华路街道,建设路街道,东工人镇街道,鸿鹰街道,北环路街道,皇台街道,蒲城街道,东环路街道,东高皇街道,五一路街道,优越路街道,东安路街道

平顶山市卫东区下辖区域坐标

{"光华路街道":[113.43625573319187,33.75249356837505],"建设路街道":[113.31534371567503,33.73635904921795],"东工人镇街道":[113.38196444642449,33.7596721255376],"鸿鹰街道":[113.35370181394346,33.73675302858086],"北环路街道":[113.31510029296503,33.77880138729435],"皇台街道":[113.39701247437571,33.73195236391798],"蒲城街道":[113.4258055077801,33.7460883908968],"东环路街道":[113.33951221699489,33.75156072844484],"东高皇街道":[113.35274068738713,33.78349480677074],"五一路街道":[113.31502386693039,33.74610181841513],"优越路街道":[113.30925281242673,33.7378347506709],"东安路街道":[113.33457025624574,33.73570135684812]}

说明

1、根据《地图审核管理规定》、《互联网地图服务专业标准》等法规,本地图不作为境界线勘界等用处。使用中请查阅《中华人民共和国地图编制出版管理条例》、各地地图编制出版管理办法等地图规定按程序应用。

2、本数据是目前市面上较齐全、精度较高的数据,属性齐全,各大高校科研均在用此数据。

3、本数据仅用于echarts threejs地图效果展示。

平顶山市卫东区echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢 (0)
echarts平顶山市卫东区geoJson地图3d地图自定义图标代码演示