maptalks结合gsap添加具有高度的marker,并添加上下移动动画

由于当前版本的maptalks(rc17)尚不支持对marker高度的动态修改,所以结合map源码魔改出了这个方案
还有一种方案是使用maptalks.three来生成文字悬浮效果,但是那种方法出来的效果不是很清晰

1.引入模块

import {
   
    Map, VectorLayer, Marker, Geometry, MultiPolygon } from 'maptalks'
import gsap from 'gsap'

2.初始化图层并添加点

const pointWithAltitudeLayer = new VectorLayer('vectorWithAltitude',null,{
   
   
      enableAltitude: true,
      altitudeProperty: 'altitude'
    })
pointWithAltitudeLayer