gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 15:10:34 28 4
gpt4 key购买 nike

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/

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

预先感谢您的帮助。

最佳答案

如果您检查标记,它们应该具有position:absolute。有一些documented issues在 mapbox-gl repo 中解决这个问题。常见原因是:错误地导入包含的 mapbox 样式文件(或根本不包含它),以及覆盖标记 display 样式。

关于javascript - 缩放/取消缩放时标记从其位置移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45173927/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com