sis-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Ross Laidlaw (Updated) (JIRA)" <>
Subject [jira] [Updated] (SIS-44) Update the 'demo.jsp' file in the SIS webapp to use an open source maps API
Date Mon, 09 Apr 2012 19:41:19 GMT


Ross Laidlaw updated SIS-44:

    Attachment: SIS-44.rlaidlaw.2012-04-09.patch

I've updated the patch with a slight improvement.  This patch creates more consistent popups
across different browsers.  Each popup should now be the same size and the content inside
should be scrollable.  I disabled the 'scrollWheelZoom' feature for the map so that popups
can be scrolled using the scroll wheel.

This still isn't the ideal solution.  It would be best to keep the 'scrollWheelZoom' functionality
and only disable it when the map popup has focus.  This is what happens with the Google Maps
API.  I'll see if I can reach that solution.  But in the meantime, if the SIS team reach a
decision with Apache on then this patch should
be a working update for demo.jsp.
> Update the 'demo.jsp' file in the SIS webapp to use an open source maps API
> ---------------------------------------------------------------------------
>                 Key: SIS-44
>                 URL:
>             Project: Spatial Information Systems
>          Issue Type: Improvement
>          Components: web services layer, website
>            Reporter: Ross Laidlaw
>            Assignee: Chris A. Mattmann
>            Priority: Minor
>              Labels: javascript
>         Attachments: SIS-44.rlaidlaw.2012-04-09.patch, screenshot_with_leaflet_bbox.png,
> A suggestion was made on one of the SIS wiki pages to update the 'demo.jsp' file in the
SIS webapp to use an open source maps API, such as Leaflet (,
rather than Google maps.
> For reference, below is a copy of the comment from Paul Ramirez, see
for details:
> Instead of using Google Maps you may want to use Leaflet (
or OpenLayers ( 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 a snippet of Leaflet code to setup the map:
> {code}
> var map = new L.Map('map');
> // Setup the basemap      
> var osm = new L.TileLayer('http://otile{s}{z}/{x}/{y}.png',
>     minZoom: 1,
>     attribution: 'Basemap <a href=""
target="_blank">CC-BY-SA</a> by &copy; <a href=""
target="_blank">OpenStreetMap</a>, Tiles Courtesy of &copy; <a href=""
>     subdomains: ['1','2','3','4']
> });
> // Add the basemap to the map
> map.addLayer(osm);
> // Create a marker 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>");
> {code}
> 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.

This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:!default.jspa
For more information on JIRA, see:


View raw message