Leaflet.GeoCSV: Load icons from CSV

In this example, we load icons and HTML from CSV into the map. We can write full url or relative path. More at Leaflet documentation.

CSV

lat;lng;icon;popup 48.8566;2.3522;https://joker-x.github.io/Leaflet.geoCSV/examples/bankia/marcador-bankia.png;<a href="https://es.wikipedia.org/wiki/Par%C3%ADs">París</a>, capital de Francia 40.4168;-3.7038;red.png;Madrid, capital de España<br><img src="https://es.wikipedia.org/wiki/Bandera_de_Madrid#/media/Archivo:Bandera_de_la_ciudad_de_Madrid.svg" width="100%" /> 41.9015;12.4608;blue.png;Roma, capital de Italia 37.9837;23.7293;purple.png;Atenas, capital de Grecia

Javascript

L.geoCsv(null,{ fieldSeparator: ';', firstLineTitles: true, onEachFeature: function (feature, layer) { layer.bindPopup(feature.properties["popup"]); }, pointToLayer: function (feature, latlng) { return L.marker(latlng, { icon:L.icon({ iconUrl: feature.properties['icon'], shadowUrl: 'shadow.png', iconSize: [25,41], shadowSize: [41, 41], shadowAnchor: [13, 20] }) }); } }); Load data