echarts的geo3d绘制地图添加定位点和点击事件，发现当有一个散点的时候无法点击

最新推荐文章于 2025-04-01 11:54:23 发布
最新推荐文章于 2025-04-01 11:54:23 发布
阅读量256 收藏
点赞数 2
文章标签： echarts 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/g1437353759/article/details/146098420
版权

因为是给symbol设置的图片 然后click点击的时候发现当有一个散点（定位点）的时候无法点击
在这里插入图片描述
最简单的方式就是给下方的data数据添加一条空的，value是经纬度 这个一定要随便写点啥 要不然还是无法点击
在这里插入图片描述

echart 广州3d_ECharts3D地图(详细示例——附有具体注释)
weixin_39636645的博客
12-19 1443
3D地图图表效果如下:具体代码如下：铜仁市3D地图(点击地图区域跳转到相应页面)// 初始化图表var myChart = echarts.init(document.getElementById('main'));// JSON文件(地图数据)路径var uploadedDataURL = "json/522200.json";// 显示加载动画效果,可以在加载数据前手动调用该接口显示加载动画，...
echarts3d地图 使用scatter3D散点部分数据陷进地图中
tan0206的博客
07-16 2935
用echarts3d地图和scatter3D散点图时，遇见了部分数据塌陷在地图上，因为不是全部塌陷，所以找了很多方法 效果是这样 series: [ { name: 'light', symbol:'pin', type: 'scatter3D', //标识点 symbol: 'pin',
echarts 3D地图，地图区域点击触发事件
10-16
echarts 3D地图，地图区域点击触发事件，3d地图加数据
echarts 3d地图响应单击区域
u013776700的博客
08-11 1457
通过该方法实现切换地图，但是无法让地图的外层series实现变化，这时候，我们就需要通过注销地图，重新渲染地图来实现。所以接下来我们通过series再给地图上方这只一个3d地图，这个时候，通过geo3d实现3d效果，通过series设置顶部可以响应鼠标点击。如果是geo设置为二维地图，则可以影响echarts的单击事件。采用echarts echarts-gl版本实现3D地图并且响应鼠标单击区域返回当前区域信息，实现地图切换。实现3D地图比较容易。我这里是在利用点击事件切换地图，实现地图下钻。
echarts+HTML 绘制3d地图，加载散点+散点点击事件
最新发布
cdd9527的博客
04-01 445
echarts+HTML 绘制3d地图，加载散点+散点点击事件
Echartds-gl (3D) 城市地图，点击事件，实现下钻等操作
weixin_46448762的博客
08-28 1154
vue3 + setup语法糖 + echarts
Echarts 绘制地图省、市、区、县（以及点击显示下级，支持坐标定位）
zmyalh的博客
09-04 749
Echarts 绘制地图省、市、区、县（以及点击显示下级，支持坐标定位）
echarts gl 3d地图，click事件失效，解决办法
程序员石磊
02-01 5621
问题 比如点击四川，进行下钻，需要获取点击区域的name属性,根据name进而异步获取四川的地图的json，如下图所示： echart和gl版本 Loaded claygl, version 1.2.1 echarts-gl.min.js:1 Loaded echarts, version 4.6.0 事件绑定写法 myChart.on('click', function (clickpar...
echarts+echarts-gl vue2制作3D地图+下钻功能+标记点功能，解决dblclick事件失效问题，解决地图下钻后边框不更新保留问题
weixin_46408500的博客
01-07 8379
echarts+echarts-gl vue2制作3D地图+下钻功能+标记点功能，解决dblclick事件失效问题，解决地图下钻后边框不更新保留问题，但是也出现了一个问题，和我们预想的不太一样，下钻到省地图后，china地图的边框数据保留了，即：地图边框并没有更新，如图：
echarts 3D 地图 点标记
weixin_42517226的博客
05-19 2026
【代码】echarts 3D 地图 点标记。
echarts3D地图打点
m0_45857808的博客
10-08 898
【代码】echarts3D地图打点。
Echart模板 可拖拽 geo3D 可视化 地图 叠加 散点 通用模板.rar
07-21
echart 实现 3d中国地图叠加 散点图 ，图表可任意拖拽
Echarts+百度地图_散点图完整版demo
06-14
在提供的"**Echarts+百度地图_散点图完整版**"压缩包中，通常会包含一个HTML文件和对应的CSS及JavaScript文件，它们演示了如何配置和运行上述示例。HTML文件包含了ECharts和百度地图API的引用，以及图表容器。...
前端开发，利用echarts图表实现海南地图、广东地图等 对应区域的显示、添加图标 等操作，常用大屏展示的部分区域的地图显示~
06-30
首先，要展示特定区域的地图，ECharts提供了一个内置的地图集，包含了中国各个省份和城市的地图数据。对于海南地图和广东地图，我们可以通过ECharts的`geo`组件来实现。在配置项中，我们需要指定地图的类型为`'china...
vue中使用echarts全国地图绘制加入散点图及自定义图片
weixin_45654184的博客
08-27 4741
移动端效果图如下 散点为统计数量，根据不同数量显示不同颜色散点及不同大小，而自定义图片则为用户头像。 参考官方文档为https://echarts.apache.org/examples/zh/editor.html?c=map-polygon 首先引入加入echarts标签 <div:style="{height:'8rem',width:'100vw'}"ref="myEchart"></div> 引入echarts importechartsfrom...
vue使用Echarts地图展示并标注坐标点、点击进入省市子区域地图
ʚ菲菲的博客ɞ
09-30 5454
1、安装echarts依赖 npm install echarts --save 2、main.js中引入echarts import echarts from 'echarts';//引入echarts Vue.prototype.$echarts = echarts; 3、HTML部分 <!-- 地图容器div --> <div class="overview_mian_mapBox" id="mapChart" ref="mapChart" ></div>
echarts地图 geo-3d
weixin_45811204的博客
02-26 2149
echarts geo-ed 点击事件不触发解决方案
React+Echarts Geo3d地图点击事件获取地名
coldriversnow的专栏
06-15 1546
echarts geo3d地图点击事件获取地名 成果展示 踩坑描述 解决方法 step1:监听整块地图面板 step2:在emphasis中label的formatter中获取地名信息 step3:onClick后再将area中的值set到state中 step4:通过判断当前鼠标当前样式解决！！ 总结 成果展示 ☞只展示地图部分 ...
echarts-map 地图打点小案例
热门推荐
wen‘s blog
04-03 1万+
背景：初用echarts看官网的实例，可能对初学者有难度，整理下，来个简单的打点实例。 //页面上给echarts一个容器var myChart0 = echarts.init(document.getElementById('map'));  var geoCoordMap = { //这里放你打点的坐标信息，虚拟信息     '青岛':[119.84348,35.819467,'青岛'，12]...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值