You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@sis.apache.org by "Martin Desruisseaux (Jira)" <ji...@apache.org> on 2021/09/23 12:31:00 UTC

[jira] [Closed] (SIS-44) Update the 'demo.jsp' file in the SIS webapp to use an open source maps API

     [ https://issues.apache.org/jira/browse/SIS-44?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel ]

Martin Desruisseaux closed SIS-44.
----------------------------------

> Update the 'demo.jsp' file in the SIS webapp to use an open source maps API
> ---------------------------------------------------------------------------
>
>                 Key: SIS-44
>                 URL: https://issues.apache.org/jira/browse/SIS-44
>             Project: Spatial Information Systems
>          Issue Type: Improvement
>          Components: Web services, Web site
>            Reporter: Ross Laidlaw
>            Assignee: Chris A. Mattmann
>            Priority: Minor
>              Labels: javascript
>             Fix For: 0.3
>
>         Attachments: SIS-44.rlaidlaw.2012-04-09.patch, demo_openlayers_experiment.jsp, demo_openlayers_experiment.png, screenshot_with_leaflet_bbox.png, screenshot_with_leaflet_pointradius.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 (http://leaflet.cloudmade.com), rather than Google maps.
> For reference, below is a copy of the comment from Paul Ramirez, see https://cwiki.apache.org/confluence/display/SIS/OODT+File+Manager+to+SIS+Connection+Demo for details:
> 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 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}.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 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 was sent by Atlassian Jira
(v8.3.4#803005)