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

Question

最近，我开始摆弄 MapBox，现在，我正在尝试将标记添加到地图中。并不像看起来那么容易。我正在尝试添加基本​​的默认标记，代码直接从“Mapbox GL”参考指南中复制粘贴。尽管如此，它不会出现。

这是我使用的代码，它不能变得更简单...

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