echarts张家口市涿鹿县地图点击弹出自定义弹窗代码演示

echarts yekong

数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理张家口市涿鹿县echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。

涿鹿县,隶属于河北省张家口市,地处中国河北省西北部、桑干河下游,与张家口市下花园区和北京市郊区相接。县城距张家口市区75公里,距北京市区130公里。全县共辖1个县辖区、13个镇、4个乡,总面积2802平方公里。民族以汉族为主,有满族、回族、蒙古族、壮族等8个少数民族。根据第七次人口普查数据,截至2020年11月1日零时,涿鹿县常住人口为294013人。

echarts张家口市涿鹿县地图点击弹出自定义弹窗

我们可以通过scatter来设置自定义样式,但是这种自定义局限性很大,如果要求的样式很复杂的话,scatter就不能很好的实现了,所以我们可以通过鼠标点击获取横纵坐标,然后通过css来定位到对应的位置.

echarts张家口市涿鹿县地图点击弹出自定义弹窗

threejs张家口市涿鹿县地图3d地图自定义贴图加CSS2D标签

通过threejs绘制3d地图并添加CSS2D标签和自定义贴图,如果想系统的学习threejs的话,可以观看threejs课程视频 WebGL/Three.js前端3D可视化教程

threejs张家口市涿鹿县地图3d地图自定义贴图加CSS2D标签

更多效果实例

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地图指定区域闪烁实例

张家口市涿鹿县下辖有保岱镇,栾庄乡,大河南镇,辉耀镇,黑山寺乡,卧佛寺乡,五堡镇,东小庄镇,大堡镇,河东镇,涿鹿镇,矾山镇,张家堡镇,武家沟镇,温泉屯镇,蟒石口镇,谢家堡乡

张家口市涿鹿县下辖区域坐标

{"保岱镇":[115.12471372921658,40.28548717516524],"栾庄乡":[115.28373907346699,40.25996774493673],"大河南镇":[115.12417201305647,39.77651616765243],"辉耀镇":[115.2068973108239,40.13218854404614],"黑山寺乡":[115.32229186564658,40.21364587706053],"卧佛寺乡":[115.33434401773754,40.10814723434051],"五堡镇":[115.27496390782915,40.32469166177899],"东小庄镇":[115.32832901063512,40.3878730505192],"大堡镇":[115.056998607245,40.10064705287138],"河东镇":[115.19024782791911,39.95058364306605],"涿鹿镇":[115.17087232256216,40.39514989340792],"矾山镇":[115.43986203566195,40.15869472179394],"张家堡镇":[115.21107152203375,40.44313887142744],"武家沟镇":[115.02977204595166,40.28335030495195],"温泉屯镇":[115.41118661993056,40.31717850882302],"蟒石口镇":[115.1982511872672,39.8031386574436],"谢家堡乡":[115.36575486086193,39.96857143117602]}

张家口市涿鹿县echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts张家口市涿鹿县地图点击弹出自定义弹窗代码演示