缩放/取消缩放时标记从其位置移动

时间:2017-07-18 17:55:15

标签: javascript angularjs mapbox-gl-js mapbox-gl mapbox-marker

mapbox-gl-js版本:0.38.0 使用via npm repo,on ionic 2.2.11

正如你在这个gif上看到的那样 https://giphy.com/gifs/ionic-angular-mapbox-3ohz6z8ejG5tf64tmo, 我有4个标记,三个不留在他们的位置,只有一个是好的。 但每一个都以同样的方式实现:

var el = document.createElement('div');
el.className = 'marker';
el.id = this.id;
el.style.backgroundImage = 'url(' + type.getImgUrl() + ')';
el.style.width = '32px';
el.style.height = '32px';

// add marker to map
new mapboxgl.Marker(el, {offset: [-16,-16]})
.setLngLat(this.getlngLat())
.addTo(this.map);

我从文档中获取了它: https://www.mapbox.com/mapbox-gl-js/example/custom-marker-icons/

所以我不明白为什么,他们这样做。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

如果你检查标记,它们应该有位置:绝对。 mapbox-gl repo中有一些documented issues。常见原因是:错误地导入包含的地图集样式文件(或根本不包括它),并覆盖标记display样式。