Difference between revisions of "Widget:Test44"

Latest revision as of 12:13, 24 September 2014

   <link rel="stylesheet" href="http://diving.sail-la-vie.com/extensions/MultiMaps/services/Leaflet/leaflet/leaflet.css"  />

   <script
       src="http://diving.sail-la-vie.com/extensions/MultiMaps/services/Leaflet/leaflet/leaflet.js">
   </script>

   <script>

       var osmLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>',
           thunLink = '<a href="http://thunderforest.com/">Thunderforest</a>';
       
       var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
           osmAttrib = '© ' + osmLink + ' Contributors',
           landUrl = 'http://{s}.tile.thunderforest.com/landscape/{z}/{x}/{y}.png',
           thunAttrib = '© '+osmLink+' Contributors & '+thunLink;

       var osmMap = L.tileLayer(osmUrl, {attribution: osmAttrib}),
           landMap = L.tileLayer(landUrl, {attribution: thunAttrib});

       var map = L.map('map', {

layers: [osmMap] // only add one! }) .setView([38.115062, 23.853860], 6);

var baseLayers = { "OSM Mapnik": osmMap, "Landscape": landMap };

L.control.layers(baseLayers).addTo(map);

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Corinthean_Gulf.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Crete.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Cyclades.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Ionian_Islands.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/North_East_Aegean.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Saronic_Islands.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Myrtoan_Sea.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Dodecanese.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson().addTo(map); $.getJSON("http://diving.sail-la-vie.com/images/Sailing_Areas_KMLs/Sporades.json", function(json) {

 myLayer.addData(json);

});

var myLayer = L.geoJson(undefined, {

    style: function (feature) {
        return feature.properties.style;
    },
    onEachFeature: function (feature, layer) {
        layer.bindPopup(feature.properties.name);
    }
})

myLayer.addTo(map);

   </script>