可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理张家口市万全区echarts地图和threejs地图效果实例供大家参考
万全区,隶属河北省张家口市,位于河北省西北部,西、北以明长城为界与尚义县、张北县接壤,南隔洋河与怀安县相望,东临张家口市桥西区,总面积1161.5平方千米。截至2021年10月, 万全区下辖2个街道、4个镇、7乡,2021年,万全区常住总人口21.48万人。
echarts张家口市万全区地图点击跳转到指定页面
为图标添加点击事件,点击图标,跳转到指定页面
threejs张家口市万全区地图3d地图css2d标签
通过threejs绘制的3d地图css2d标签实例,CSS2D面向摄像机,不随场景缩放而缩放,如果想系统的学习threejs的话,可以观看threejs视频 WebGL/Three.js前端高薪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地图指定区域闪烁效果实例
张家口市万全区下辖有北沙城乡,郭磊庄镇,宣平堡乡,旧堡乡,万全镇,高庙堡乡,北新屯乡,孔家庄镇,安家堡乡,洗马林镇,膳房堡乡
张家口市万全区下辖区域坐标
{"北沙城乡":[114.4329435252362,40.71494561563929],"郭磊庄镇":[114.5376050869672,40.72505219802065],"宣平堡乡":[114.78237639466788,40.80397054335795],"旧堡乡":[114.43314082038259,40.76758634843433],"万全镇":[114.73121988296376,40.86388516312783],"高庙堡乡":[114.56441213295932,40.81290253199779],"北新屯乡":[114.5884672121802,40.91570399320297],"孔家庄镇":[114.7461606209771,40.75616275194993],"安家堡乡":[114.6429078917695,40.76259121310596],"洗马林镇":[114.43855952087155,40.86983220375144],"膳房堡乡":[114.70956978815445,40.94209477550254]}