随着开发 可视化数据大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理洛阳市汝阳县echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
汝阳县，隶属河南省洛阳市。位于河南省西部，地处豫西伏牛山区、北汝河上游，距洛阳市区74公里，是中国历史名酒——杜康酒的发祥地，史称“酒祖之乡”。2021年10月，汝阳县下辖8个镇、5个乡。216个行政村，总面积1332平方公里。
echarts洛阳市汝阳县地图根据经纬度显示自定义html弹窗
echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.
threejs洛阳市汝阳县地图3d地图自定义贴图加CSS3D标签
通过threejs绘制3d地图并添加CSS3D标签和自定义贴图,如果想系统的学习threejs的话，可以观看threejs视频课程 WebGL前端3D可视化教程
更多效果实例
echarts 洛阳市汝阳县地图效果实例
1.echarts洛阳市汝阳县地图定义颜色代码演示
2.echarts洛阳市汝阳县地图迁徙图代码演示
3.echarts洛阳市汝阳县地图自定义label样式代码演示
4.echarts洛阳市汝阳县地图局部颜色渐变演示实例
5.echarts洛阳市汝阳县地图全局颜色渐变实例代码
6.echarts洛阳市汝阳县地图 visualMap控制地图颜色代码演示
7.echarts洛阳市汝阳县地图自定义引导线效果
8.echarts洛阳市汝阳县地图区域闪烁代码演示
9.echarts洛阳市汝阳县地图添加柱状图实例代码
10.echarts洛阳市汝阳县地图水滴状气泡图代码演示
11.echarts洛阳市汝阳县地图圆形波纹状气泡图演示实例
12.echarts洛阳市汝阳县地图点击地图插小旗效果
13.echarts洛阳市汝阳县地图 tooltip轮播效果实例
14.echarts洛阳市汝阳县地图阴影演示实例
15.echarts洛阳市汝阳县地图热力图效果实例
16.echarts洛阳市汝阳县地图指定区域高亮实例代码
17.echarts洛阳市汝阳县地图点击跳转到指定页面效果实例
18.echarts洛阳市汝阳县地图3d地图代码演示
19.echarts洛阳市汝阳县地图3d地图自定义图标实例代码
20.echarts洛阳市汝阳县地图3d地图实例旋转动画实例代码
21.echarts洛阳市汝阳县地图点击弹出自定义弹窗实例
22.echarts洛阳市汝阳县地图点击地图获取经纬度实例
23.echarts洛阳市汝阳县地图根据经纬度显示自定义html弹窗实例
24.echarts洛阳市汝阳县地图地图排行榜效果实例
25.echarts洛阳市汝阳县地图tooltip自定义html实例
threejs 洛阳市汝阳县地图效果实例
1.threejs洛阳市汝阳县地图3d地图代码演示
2.threejs洛阳市汝阳县地图3d地图css2d标签效果
3.threejs洛阳市汝阳县地图3d地图鼠标移入显示标签并高亮演示实例
4.threejs洛阳市汝阳县地图3d地图CSS3D标签效果
5.threejs洛阳市汝阳县地图3d地图添加旋转棱锥实例代码
6.threejs洛阳市汝阳县地图3d地图自定义贴图加CSS3D标签代码演示
7.threejs洛阳市汝阳县地图3d地图自定义贴图加CSS2D标签代码演示
8.threejs洛阳市汝阳县地图3d地图指定区域闪烁效果
9.threejs洛阳市汝阳县地图3d地图CSS2D外加旋转棱锥实例
洛阳市汝阳县下辖有靳村乡,十八盘乡,大安工业园区,上店镇,内埠镇,城关镇,三屯镇,刘店镇,小店镇,柏树乡,王坪乡,蔡店乡,陶营镇,付店镇
洛阳市汝阳县下辖区域坐标
{"靳村乡":[112.27695579104955,33.95626465019037],"十八盘乡":[112.36646608654422,34.05451250949565],"大安工业园区":[112.55127540519659,34.32220365578215],"上店镇":[112.42740916083287,34.10044906438542],"内埠镇":[112.50855267645964,34.30654320214278],"城关镇":[112.45806439406023,34.1712330057163],"三屯镇":[112.48026504865692,34.04077257247891],"刘店镇":[112.5485661963734,34.08793912977239],"小店镇":[112.55378298903199,34.16574318143306],"柏树乡":[112.37816394519115,34.16248899254444],"王坪乡":[112.4582478956329,33.90096263774488],"蔡店乡":[112.44457848816296,34.28347395772936],"陶营镇":[112.51373573439585,34.24944637936591],"付店镇":[112.30711725854721,33.90401099979853]}
