Mapbox GL-JS:如何更新标记位置?

大卫

我已使用以下代码在地图上创建了一个标记实例,但无法弄清楚如何更新位置。我在SO方面得到了帮助,并试图通过Mapbox文档毫无帮助。这是我当前的代码:

var el = document.createElement('div');
el.className = 'marker';
el.id = 'marker1';
el.style.backgroundImage ='url(images/marker.png)';
el.style.width = '10px';
el.style.height = '10px';

new mapboxgl.Marker(el)
.setLngLat([-99, 30])
.addTo(map);

这是我的功能,它将更新标记在地图上的位置:

function setMarker()
{
    marker1.setLngLat([-93.50, 30]);
}

但是,在调用该函数时,我只会在控制台中收到以下错误:

marker1.setLngLat is not a function

我究竟做错了什么?

杰斯卡斯特罗

您没有定义marker1变量。您必须这样做。确保您定义marker1变量的范围与方法相同

let marker1 = new mapboxgl.Marker(el)
.setLngLat([-99, 30])
.addTo(map);

然后你的方法setMarker会起作用

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章