Mapbox将标记放置在错误的坐标上

Question

] 2

我已经在地图框游乐场网站上粘贴了经/纬度坐标，以将标记放置在地图上，该标记放置在正确的位置。但是，当我采用相同的坐标并尝试将标记放置在我的Web应用程序上时，该标记似乎有点偏离。这是下面的代码，我还附上了图片供参考，谢谢！

var marker = new mapboxgl.Marker({color:"#fff"}).setLngLat([-3.8762,51.6692]).addTo(map);

Answer 1

我最近遇到此错误，其中使用demo-mapbox-gl代码我的标记位置正确，但使用我自己的代码错误。

我的区别是：

• 在本地，我做了“ npm install mapbox-gl-js”，并且没有遵循mapbox使用脚本标签和样式标签导入lib的方向。

我添加了

<link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet" />

在我的项目的HTML的“头部”部分，标记显示在正确的位置。

这是由于标记位置是使用CSS计算并渲染的，因此npm-install似乎没有导入正确渲染Mapbox标记所需的完整CSS样式表。