使用Mapbox添加自定义图标和标记数据

Question

我是新来的mapbox，我有一个简单的问题。我制作了一个要素图层和一个自定义图标列表。我如何将两者加在一起？

我的功能层的格式如下：我自定义标记的

L.mapbox.featureLayer({ 
    "type": "Feature", 
    "geometry": { 
    "coordinates": [ 
    '.$long.','.$lat.' 
    ], 
    "type": "Point" 
    }, 
    "properties": { 
    "title": "'.$business_name.'", 
    "description": "'.$address_1.', '.$address_2.', '.$address_3 .', '.$postcode .'" 
    } 
    }).addTo(map); 

而且例如低于

var accomodation = L.icon({ 
    iconUrl: '/img/pins/day-and-night/accommodation.png', 
    iconSize: [46, 62], 
    iconAnchor: [8, 60], 
    }); 

任何帮助将是完美的。

感谢

Answer 1

从你的代码，我假设你正在谈论mapbox.js，这是leaflet.js

的衍生物如果是的话，我想你正在寻找的是leaflet layer groups

因此，在你的情况下...

var featureLayer = L.mapbox.featureLayer({ 
    "type": "Feature", 
    "geometry": { 
    "coordinates": [ 
     '.$long.','.$lat.' 
    ], 
    "type": "Point" 
    }, 
    "properties": { 
     "title": "'.$business_name.'", 
     "description": "'.$address_1.', '.$address_2.', '.$address_3 .', '.$postcode .'" 
    } 
    }); 

var accomodation = L.icon({ 
    iconUrl: '/img/pins/day-and-night/accommodation.png', 
    iconSize: [46, 62], 
    iconAnchor: [8, 60], 
}); 

var layergroup = L.layerGroup([featureLayer, accomodation]); 

layergroup.addTo(map);