Question

最近，我开始摆弄MapBox，现在，我正在尝试将标记添加到地图中。并不像看起来那么容易。我正在尝试添加基本的默认标记，其代码是直接从"Mapbox GL" reference guide开始的。它仍然不会出现。

这是我使用的代码，它不能简单地说明......

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

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

看到

编辑：具体来说，我想使用那个经典的标记，顶部是圆形的，底部是尖的。像这样Somjething - 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;
}

请参阅codepen：https://codepen.io/stevebennett/pen/VpPbbM

Answer 2

如果您查看网页的来源，您会看到标记已成功添加为空def someWork(someList: List[Long]): JsObject = { JsObject(("someField", JsArray(someList.map(JsLong))) :: Nil) }。是的，这里没有什么可看的，但这是默认的方式。

显示一些爱的标记并给它一些风格。

<div class="mapbox-gl-marker" ...></div>

在this example中查看此c＆amp; p代码的原始来源。

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

2 个答案: