Javascript 地图框标记位于错误的位置

我使用和下面的方法制作了一个简单的mapbox地图。为了显示标记的位置，我调用了一个.geojson文件，但是标记看起来非常不合适，甚至有些负载在海洋顶部

有人说我调用geojson文件两次，但我检查了一下，它被加载了一次

JS代码是：

//映射框
L.mapbox.accessToken='token_here'；
var mapCol=L.mapbox.map（'map'，'mapbox.streets'）.setView（[5.5，-73.249]，6）；
var filters=document.getElementById（'filters'）；
var markers=L.mapbox.featureLayer（）.loadURL（'regions.geojson'）；
标记.on（'ready'，函数（e）{
var typesObj={}，
类型=[]；
var features=e.target.\u geojson.features；
对于（变量i=0；i

这就是问题所在：标记是图像，本页对图像有一个宽泛的规则，即它们应该有一个底边距。这会将标记向北移动到海里

这个问题可以通过使CSS规则更加精确来解决。
谢谢你，你很酷。你认为在Mapbox标记中添加一条规则，覆盖某个人在其站点/应用程序中可能拥有的任何CSS是一个好主意吗？我真的不知道我的CSS会以任何方式影响地图..标记{margin:0；}将它放在大致正确的位置，而不考虑缩放。它仍然稍微向左。但是你可以用CSS来解决这个问题