37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
export let groups = [
|
|
{
|
|
location: ["Estonia, Kohtla-Järve",[59.40629447076191, 27.280605339416322]],
|
|
members: 3,
|
|
contact: ["https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh","WhatsApp invite link"]
|
|
}
|
|
]
|
|
|
|
export function addMarkersGroups(map) {
|
|
for (let g of groups) {
|
|
let coordinates
|
|
let text = ""
|
|
for (let field in g) {
|
|
let fieldText = field[0].toUpperCase() + field.slice(1) + ": "
|
|
if (field=="contact") {
|
|
text += fieldText + "<a href='" + g.contact[0] + "' target='_blank' rel=noreferrer>" + g.contact[1] + "</a>"
|
|
}
|
|
else if (field=="location") {
|
|
text += fieldText + g[field][0] + "<br>"
|
|
coordinates = g[field][1]
|
|
}
|
|
else {
|
|
text += fieldText + g[field] + "<br>"
|
|
}
|
|
}
|
|
var greenIcon = new L.Icon({
|
|
iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
|
|
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
|
|
iconSize: [25, 41],
|
|
iconAnchor: [12, 41],
|
|
popupAnchor: [1, -34],
|
|
shadowSize: [41, 41]
|
|
});
|
|
let marker = L.marker(coordinates, {icon: greenIcon})
|
|
marker.addTo(map).bindPopup(text)
|
|
}
|
|
} |