echarts通辽市库伦旗geoJson地图点击跳转到指定页面效果实例

echarts yekong

随着开发 可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理通辽市库伦旗echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。

库伦旗,内蒙古自治区 通辽市 辖旗,位于内蒙古自治区东部、通辽市西南部,地处燕山北部山地向科尔沁沙地过渡地段,属温带大陆性季风气候,毗邻5个旗、县,总面积4709平方千米。截至2022年10月,库伦旗辖1个街道、5个镇、2个苏木、1个乡。截至2021年末,库伦旗总人口175922人。

echarts通辽市库伦旗geoJson地图点击跳转到指定页面

为图标添加点击事件,点击图标,跳转到指定页面

echarts通辽市库伦旗geoJson地图点击跳转到指定页面

echarts通辽市库伦旗geoJson地图区域闪烁

echarts地图有时候为了突出某一块区域的重要性,会进行两个颜色的交替变化来告诉用户这一块需要重点关注,我们可以通过echarts的dispatchAction来实现我们想要的效果.

echarts通辽市库伦旗geoJson地图区域闪烁

echarts通辽市库伦旗geoJson地图根据经纬度显示自定义html弹窗

echarts地图我们可以通过像素坐标来将我们自定义的html弹窗定位到echarts地图指定位置,如果是固定的宽高的话,这没什么问题直接定位就可以了,如果是自适应宽高的地图我们可能没办法控制精度,我们可以使用经纬度来控制,当echarts地图渲染完成以后,我们可以通过convertToPixel将经纬度转为像素坐标,然后再渲染自定义弹窗,这样精度就比较准确了,而且也不会因为窗体宽高变化而导致弹窗出现偏移.

echarts通辽市库伦旗geoJson地图根据经纬度显示自定义html弹窗

threejs通辽市库伦旗geoJson地图3d地图鼠标移入显示标签并高亮

通过threejs绘制的3d地图鼠标移入显示标签并高亮

threejs通辽市库伦旗geoJson地图3d地图鼠标移入显示标签并高亮

threejs通辽市库伦旗geoJson地图3d地图添加旋转棱锥

通过threejs绘制3d地图并在指定经纬度上添加带波纹效果不停旋转的棱锥效果实例

threejs通辽市库伦旗geoJson地图3d地图添加旋转棱锥

threejs通辽市库伦旗geoJson地图3d地图指定区域闪烁

通过threejs绘制3d地图并让指定区域闪烁

threejs通辽市库伦旗geoJson地图3d地图指定区域闪烁

通辽市库伦旗 下辖有 水泉乡,六家子镇,库伦街道,额勒顺镇,茫汗苏木乡,扣河子镇,白音花镇,库伦镇,先进苏木乡

通辽市库伦旗下辖区域坐标

{"水泉乡":[121.3998901696337,42.58060599150769],"六家子镇":[121.30919281518914,42.76452753268767],"库伦街道":[121.7782371857424,42.73815224416708],"额勒顺镇":[121.63989869049135,43.08289611907728],"茫汗苏木乡":[121.39245250755603,42.96683190394867],"扣河子镇":[121.26984036803913,42.52352593451598],"白音花镇":[121.60893552687799,42.564690974472],"库伦镇":[121.81398160130331,42.73586026745146],"先进苏木乡":[121.76138336579555,42.58699862320253]}

说明

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

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

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

通辽市库伦旗echarts地图效果实例和threejs地图效果实例下载

相关文件下载地址
此资源需支付 ¥10 后下载
支付宝购买扫右侧红包码购买更优惠,如无法下载请联系微信:17331886870
喜欢
echarts通辽市库伦旗geoJson地图点击跳转到指定页面效果实例