使用 Mapbox GL JS API 时未出现标记

Question

我正在关注这些文档，但下面的代码不会呈现标记。有什么想法吗？

mapboxgl.accessToken = "pk.eyJ1IjoiZGlsbHBpeGVsIiwiYSI6ImNqM3A1YWV4czAwa3cyd3BmeWR4OTJ4NGEifQ.atNs-3fdoNghDcrdKwtIkA";
var map = new mapboxgl.Map({
  container: "map",
  center: [-74.50, 40],
  zoom: 6,
  scrollZoom: false,
  style: "mapbox://styles/mapbox/light-v9",
});
map.addControl(new mapboxgl.NavigationControl(), "top-left");
var marker = new mapboxgl.Marker().setLngLat([-74.50, 40]).addTo(map);

#map {
  height: 320px;
}

<link href="//api.mapbox.com/mapbox-gl-js/v0.36.0/mapbox-gl.css" rel="stylesheet"/>
<script src="//api.mapbox.com/mapbox-gl-js/v0.36.0/mapbox-gl.js"></script>
<div id="map"></div>

Answer 1

检查您是否已安装所需的CSS。最新的CSS可以在这个URL下找到：

https://unpkg.com/maplibre-gl/dist/maplibre-gl.css

文档：https://maplibre.org/maplibre-gl-js/docs/#cdn