echarts地图滚轮缩放效果和文字位置错位调整

Javascript 2732 0 2022-09-22

echarts地图滚轮缩放效果和文字位置错位调整

第一个:echarts地图 鼠标滚动控制缩放大小比例,在“series:”内加上“roam:true”,代码如下:


series: [{
    type: "map",
    map: name,
    // center: [104.114129, 37.550339],//当前视角的中心点
    zoom: 1, //当前视角的缩放比例
    roam: true, //是否开启平游或缩放
    scaleLimit: { //滚轮缩放的极限控制
      min: 1,
      max: 2
    },
  }]


第二个:文字位置调整,在json地图上显示名称的位置坐标的"cp"参数,没有就添加,比如在内蒙古那里加上:"properties":{"name":"内蒙古","cp":[111.670801,41.818311],"center":[111.670801,40.818311],....,如图:


上一篇:layui+腾讯地图行政区划实现三级联动选择省/市/区|县

下一篇:js对象json的合并、合成数组、删除

讨论数量:0

请先登录再发表讨论。 2024-11-24

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链