当 zoom/unzoom 时，标记会从它们的位置移动

Question

mapbox-gl-js 版本：0.38.0 在 ionic 2.2.11

上通过 npm repo 使用

正如您在这张 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/

所以我不明白为什么，他们会那样做。

在此先感谢您的帮助。

Answer 1

如果你检查标记，它们应该有位置：绝对。在 mapbox-gl 仓库中有一些 documented issues 围绕着这个。常见原因是：错误地导入包含的 mapbox 样式文件（或根本不包含它），以及覆盖标记 display 样式。

当 zoom/unzoom 时，标记会从它们的位置移动

Markers move from their positions when zoom/unzoom

javascript

angularjs

mapbox-gl-js

mapbox-gl

mapbox-marker