39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
|
|
||
|
export let communities = [
|
||
|
{
|
||
|
location: ["Estonia, Kohtla-Järve",[59.409521829709504, 27.288415912535914]],
|
||
|
status: "forming",
|
||
|
members: 2,
|
||
|
contact: ["https://chat.whatsapp.com/BhnmUNljUxJ2AjeHUwyTKh","WhatsApp invite link"]
|
||
|
}
|
||
|
]
|
||
|
|
||
|
export function addMarkersCommunities(map) {
|
||
|
for (let g of communities) {
|
||
|
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-red.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)
|
||
|
}
|
||
|
}
|