首页 / 浏览问题 / 其他 / 问题详情
OpenLayers添加Overlay 放大地图导致点移动
7EXP 2020年05月16日

样式代码:

<div class="one" id="onel"><span></span></div>
  .one{position: absolute;left:600px; top:100px;background:#009FD9;width: 10px;height: 10px;border-radius:50%;}
  .one span{animation-delay: 2.7s;position: absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;display:block;width: 40px;height: 40px;border-radius:50%;animation: myfirst1 4s infinite;border:1px solid #009FD9;opacity: 0;}

  @keyframes myfirst1{
    0% {transform: scale(0);opacity: 0;}
    /* 40% {transform: scale(3);} */
    60% {opacity: 0.8;}
    /* 80% {transform: scale(5);} */
    100% {transform: scale(1);opacity: 0;}
  }

地图代码:

    var point_overlay1 = new Overlay({
      element: document.getElementById('onel'),
      positioning: 'center-center',
      position: [116.82327194391266, 36.45391182159135]
    });

    map.addOverlay(point_overlay1);

借助div在地图上展示点动画效果.

如图示例1: (点开放大看,截图有点大了)

然而刚进地图这个点也不对,这个是在济南市的点位! 这也不是重点,重点是下图. (点开放大看,截图有点大了)

 放大之后这个点位就变位置了! 可能是Overlay  参数设置有问题,请大神指正一下谢谢~!

1个回答

您好,您那边能不能用红框给圈出来一下,我没看出什么异常
3,357EXP 2020年05月18日
这两张图你点开下,当时截图截得太大了没修整! 就是地图放大一定级别,这个点就会偏移到别的地方去了!!
矢量点不会偏移,偏移的应该是您的底图,如果是切片的底图,请确认切的分辨率,并再tiliegrild中填写正确的参数
...