javascript - MapBox:鼠标悬停时标记不显示可点击光标

Question

我正在从 leaflet+cloudmade 迁移到 mapbox，并在必要时对我的代码进行了少量重写。我正在刷新我的 map ，在上一部分中，最简单的方法是将每个标记添加到其自己的图层中，然后在刷新时删除所有图层并重新绘制标记。

这是我当前的代码:

function setLeafletMarker(lat, lng, iconType, popupHTML) {

    popupHTML = typeof popupHTML !== 'undefined' ? popupHTML : "";
    var LamMarker = new L.Marker([lat, lng], { icon: iconType }); //.on('click', markerClick); ;

    markers.push(LamMarker);

    LamMarker.bindPopup(popupHTML);
    map.addLayer(LamMarker);
}

我怀疑这与问题有关，即当我将鼠标光标放在标记上时，它保持为手(可拖动)而不是变成尖手指，这意味着标记是可单击的。单击效果很好，但不太直观。如何将手改为尖指？

Answer 1

也遇到了同样的问题。在 Mapbox 站点上快速检查了 CSS，他们似乎使用站点范围 css 文件中的 css 规则(不是特定于 map 的)来修复它。我能够使用相同的方法解决问题，将其添加到我的站点范围的 CSS 中。

.leaflet-overlay-pane path,
.leaflet-marker-icon {
  cursor: pointer;
}

我已将默认的 leaflet.css 与默认的 mapbox.css 进行了比较，并且 leaflet 包含此

.leaflet-clickable {
    cursor: pointer;
    }

而mapbox则不然。