SIS webapp demo using Leaflet maps and MapQuest tiles

[Ross Laidlaw]

Hi Paul,

I had a go at a demo for the SIS webapp using Leaflet maps.  I think I
have a very basic demo up and running.  Here's a screenshot:

http://minus.com/mHQ7NXvs9/1f

So far I used the existing 'demo.jsp' code from the SIS distribution
and just replaced all of the Google maps calls with Leaflet code,
including the code from your comment on the SIS wiki page.  For
reference, I've included your comment below.


Ross




(on 
https://cwiki.apache.org/confluence/display/SIS/OODT+File+Manager+to+SIS+Connection+Demo)

On 3rd April 2012, Paul Ramirez wrote:

Instead of using Google Maps you may want to use Leaflet
(http://leaflet.cloudmade.com/) or OpenLayers (http://openlayers.org/)
due to required API key for the map. This might matter if you are
going to host this example on the SIS Wiki or OODT Wiki as the
required API would be attached to you.

Here's how a snippet of Leaflet code to setup the map:

var map = new L.Map('map');
// Setup the basemap
var osm = new 
L.TileLayer('http://otile{s}.mqcdn.com/tiles/1.0.0/osm/{z}/{x}/{y}.png',
{
    minZoom: 1,
    attribution: 'Basemap <a
href="http://creativecommons.org/licenses/by-sa/2.0/";
target="_blank">CC-BY-SA</a> by &copy; <a
href="http://openstreetmap.org/"; target="_blank">OpenStreetMap</a>,
Tiles Courtesy of &copy; <a href="http://open.mapquest.com";
target="_blank">MapQuest</a>',
    subdomains: ['1','2','3','4']
});
// Add the basemap to the map
map.addLayer(osm);

// Create a marked for the map and add it
var marker = new L.Marker(new L.LatLng(10.0, 30.0));
map.addLayer(marker);

// Attach a given HTML content to the marker. For brevity I truncated
the content
marker.bindPopup("Title: geodata.txt<br/>Link:<a
href='http://localhost:8080...>...</a>");
Unlike the GoogleMap API this does not require a key and is an open
source product as is the basemap (e.g. Open Street Map served by
Mapquest);

Then this would be a complete open source solution from top to bottom.
If you have any questions feel free to hit me up on the SIS or OODT
lists.