layerGroup

by sszilvasi

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<script src="https://npmcdn.com/[email protected]/dist/leaflet-src.js"></script>
<div id="map"></div>

CSS

#map {
    height: 600px;
    width: 600px;
}

JavaScript

var map = L.map('map').setView([44.6499282, 22.6327532], 14);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);

var coordinates = [
    [44.649, 22.632],
    [44.650, 22.642],
    [44.652, 22.632]
];

var layerGroup = L.layerGroup().addTo(map);

for (i = 0; i < coordinates.length; i++) {
    marker = L.marker([coordinates[i][0], coordinates[i][1]]);
    layerGroup.addLayer(marker);
}
/* 
map.opentooltip([44.652, 22.632], 'asdf') */

/* var layerGroup2 = L.layerGroup().addTo(map);

for (i = 0; i < coordinates.length; i++) {
    marker = L.marker([coordinates[i][0]+0.008, coordinates[i][1]]);
    layerGroup2.addLayer(marker); */
//}
/* 
var marker1 = L.marker([44.6495, 22.645], {description: 'Marker 1'});
var marker2 = L.marker([44.6490, 22.644], {description: 'Marker 2'});

var group = new L.FeatureGroup([marker1, marker2]).addTo(map);
group.bindTooltip(function (layer) {
  return 'Group tooltip: ' + layer.options.description;
}, {opacity: 0.7}); */


/* var overlay = {'markers': layerGroup}; //, //'markers2': layerGroup2,
'featuregroup': group};
L.control.layers(null, overlay).addTo(map); */

/* map.openTooltip("tooltip 1", [44.652, 22.642]); */
var tooltip1 = map.openTooltip("tooltip 1", [44.652, 22.632]);