使用maptalks添加自定义marker 并且做一个动态的效果
1.添加marker的方法(warnIcon是通过require方式导入的自定义图片)
var marker = new maptalks.Marker(coordinate, { cursor: 'pointer', symbol: { markerFile: warnIcon.default, markerWidth: 40, markerHeight: 40, } });
new maptalks.VectorLayer('vector', marker).addTo(map);
2.将图片改为动态效果,给marker添加animate动画
if (animateId) clearInterval(animateId); animateId = setInterval(function () { marker.animate({ 'symbol': {'markerHeight': 60, 'markerWidth': 60} }, {'duration': 600}); setTimeout(function () { marker.animate({ 'symbol': {'markerHeight': 40, 'markerWidth': 40} }, {'duration': 600}); },600) }, 1500);