我已使用以下代码在地图上创建了一个标记实例,但无法弄清楚如何更新位置。我在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] 删除。
我来说两句