javascript - Add pin images in mapbox -
i want add different pin images in mapbox. used mapbox code
https://jsfiddle.net/sgybvxw1/1/
i changed mapbox loop
for (var = 0; < addresspoints.length; i++) { var = addresspoints[i]; var title = a[2]; var marker = l.marker(new l.latlng(a[0], a[1]), { icon: l.mapbox.marker.icon({'marker-symbol': 'post', 'marker-color': '0044ff'}), title: title }); marker.bindpopup(title); markers.addlayer(marker); } with
for (var = 0; < addresspoints.length; i++) { var = addresspoints[i]; var title = a[2]; var marker = l.marker(new l.latlng(a[0], a[1]), { icon: l.mapbox.marker.icon({ "html": "<div class='pin'></div>", "iconurl": "images/pins/food.png", "iconsize": [59, 84], // size of icon "iconanchor": [25, 25], // point of icon correspond marker's location "popupanchor": [0, -25], // point popup should open relative iconanchor "classname": "dot" }), title: title }); marker.bindpopup(title); markers.addlayer(marker); }
Comments
Post a Comment