Mpabox GL放置图层悬停偏移

问题描述

点击这些标记后，我已经建立了一个带有标记和弹出窗口的地图。我的问题是标记的可点击部分在标记及其文本下方是waaaaaaay，因此我可以从非常尴尬的位置单击它。有任何想法如何设置或更改标记的那部分？

（我无法使Codepen正常工作，但我在此处分享了一个图表）

可以很明显地看到，红色区域是什么都没有发生的部分，也是我想要扩展该点的“可点击性”的部分。

绿色部分是可点击的部分，正如您所看到的，在该点下很长。

蓝点或多或少是实际位置。

这是用于生成弹出窗口的代码。


map.loadImage(
    "http://localhost/healing-hub/wp-content/uploads/2020/08/Map-marker.png",function (error,image) {
      if (error) throw error;
      map.addImage("hh-marker",image);
      map.addSource("point",{
        type: "geojson",data: {
          type: "FeatureCollection",features: [{
            type: "Feature",geometry: {
              type: "Point",coordinates: [0,0],},],});

      map.addLayer({
        id: "places",type: "symbol",source: {
          type: "geojson",data: {
            type: "FeatureCollection",features: featureCollection,layout: {
          "icon-image": "hh-marker","icon-size": .45,"icon-anchor": 'bottom',"icon-offset": [0,"text-field": "{title}","text-font": ["Open Sans Semibold","Arial Unicode MS Bold"],"text-offset": [0,"text-anchor": "top",paint: {
          "icon-translate": [0,}
      });
    }
  );

我尝试过图标锚，图标平移，但这只会移动图像而不移动可点击部分。

图标偏移量确实错位了它的一部分，这使其确实很笨拙，并且在视觉上无法正确指向该位置。同样，我发现在玩图标锚和图标翻译时，实际上有两个单独的单击区域，一个位于图像下方，一个位于标题下方。

感谢帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

mapbox mapbox-gl-js mapbox-marker