Widget:Test44 Revision as of 12:12, 24 September 2014 by Sail-la-vie (Talk | contribs) (diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

   <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);

});

   </script>