echart 地图添加了滚轮放大缩小导致二级地图无法居中问题

由于地图有鼠标拖动移动，滚轮放大缩小的需求。添加了以下代码

geo: {map: 'china',type: "map",center: [104.114129, 37.550339],//当前视角的中心点zoom: 1, //当前视角的缩放比例roam: true, //是否开启平游或缩放scaleLimit: { //滚轮缩放的极限控制min: 1,max: 2},itemStyle: {                 // 定义样式normal: {                    // 普通状态下的样式areaColor: 'rgba(7,21,57,0.5)',// areaColor: '#323c48',#054fd4borderColor: '#0177ff'},emphasis: {                  // 高亮状态下的样式areaColor: '#071537'}}
},

没有添加时可以实现二级地图居中，添加以后导致出现省份不位于中间。
然后网上搜了一下有最简便的一种方案：
在点击一级地图时，将一级地图的地图绘制清空。重新绘制

mapChart.clear();//二级地图无法居中解决方法

echart 地图添加了滚轮放大缩小导致二级地图无法居中问题相关推荐

C#制作一个图片查看器，具有滚轮放大缩小，鼠标拖动，图像像素化，显示颜色RGB信息功能
目录前言一.界面设计二.关键技术 1.把图片拖入到窗体并显示 2.实现图像缩放的功能 3.实现图像的移动效果 4.实时显示当前鼠标处的RGB值 5. 右击功能的实现 6.效果展示总结前言使 ...
Jquery鼠标滚轮放大缩小图片
使用Jquery鼠标点击图片,划动鼠标滚轮放大缩小图片. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
鼠标滚轮放大/缩小图片
<img id=pic src=" http://community.csdn.net/images/CSDN_logo.GIF" width=105 height=31 b ...
前端图片拖拽，滚轮放大缩小
拖拽 var offX = 0,offY = 0; onMouseDown(ev) {var svgId = document.getElementById("svgId");sv ...
鼠标滚轮放大缩小图片
js实现鼠标滚轮放大缩小图片 <script> //放大缩小图片 function sdZoom(o) { var zoom=parseInt(o.styl ...
【SOLIDWORKS-详细记录】测量方法、设置草图自动正视基准面、设置滚轮放大缩小方向、螺丝添加螺纹线等操作记录
主题本博文记录了SOLIDWORKS一些常用操作的操作步骤. 包括如下主题设置草图自动正视基准面软件放大缩小滚轮反直觉重建模型导致厚度为0的几何体错误解决方法添加材质测量方法: 3d打 ...
Python matplotlib绘图，使用鼠标滚轮放大/缩小图像
思路: 使用fig.canvas.mpl_connect()函数来绑定相关fig的滚轮事件利用事件event的inaxes属性获取当前鼠标所在坐标系ax 使用get_xlim()函数获取坐标系ax的 ...
LabVIEW操作鼠标滚轮放大/缩小图像
之前分享过一篇关于LabVIEW采集鼠标.键盘数据的文章:LabVIEW采集鼠标.键盘数据,本篇博文将分享一个关于鼠标滚轮的有意思小技巧:操作鼠标滚轮来放大和缩小图片. 示例效果如下所示: 本示例功能 ...
android 百度地图禁止双击放大缩小,leaflet-div上禁止地图的拖动，放大缩小双击事件...
1. 先把dom的div对象获取到,可用document.getEleementById("divId"); //获取当前的this对象 const that = this; // ...

echart 地图添加了滚轮放大缩小导致二级地图无法居中问题

echart 地图添加了滚轮放大缩小导致二级地图无法居中问题

echart 地图添加了滚轮放大缩小导致二级地图无法居中问题相关推荐

最新文章

热门文章