百度地图中标记点鼠标移入时增加往外效果(放大)

313 阅读1分钟

直接写吧

image.png

 // 创建点
      var startMarker = new window.BMap.Marker(new window.BMap.Point(106.41451, 38.500376), {
        icon: new window.BMap.Icon(require('@/assets/image/map/icon_shi.png'), new window.BMap.Size(38, 58), {
          imageSize: new window.BMap.Size(38, 58),
          anchor: new window.BMap.Size(19, 57),
        }),
      });
      // 标记点鼠标移入放大效果
      startMarker.addEventListener('mouseover', function (e) {
        e.target.Yc.style.transformOrigin = 'bottom';
        e.target.Yc.style.transition = 'all 0.3s';
        e.target.Yc.style.transform = 'scale(1.15)';
      });
      startMarker.addEventListener('mouseout', function (e) {
        e.target.Yc.style.transform = 'scale(1)';
      });

很简单 不用额外的添加标记点