javascript - Mapbox GL - 我的基本默认标记不会显示在 map 上

Question

最近，我开始摆弄 MapBox，现在，我正在尝试将标记添加到 map 中。不像看起来那么容易。我正在尝试使用直接从 "Mapbox GL" reference guide 中复制粘贴的代码添加基本的默认标记 .不过，它不会出现。

这是我使用的代码，再简单不过了...

var marker = new mapboxgl.Marker().setLngLat([45.702117, 42.395926]).addTo(map);

有人知道为什么它不起作用吗？可以在 http://www.caucasus-trekking.com/Maps/map 查看整个“不工作的场景”

编辑:具体来说，我想使用那个经典的标记，顶部是圆的，底部是尖的。像这样的事情 - https://www.mapbox.com/help/img/android/marker-example.png

Mapbox 中没有一些默认形状还是我应该通过自己的 css 文件创建它？

非常感谢

Answer 1

有点奇怪的是，似乎答案是正在绘制标记，但 mapbox-gl.css 中没有包含任何样式来实际使其可见。它只是一个不可见的 div。

所以你需要添加一些CSS:

.mapboxgl-marker {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border:1px solid gray;
    background-color:lightblue;
}

参见代码笔:https://codepen.io/stevebennett/pen/VpPbbM