This summer (2015) the Geomatic Division at IST-SUPSI has finished the implementation of various web services in support of a new integrated ecosystem sponsored by the local touristic agency (Ticino Tourism Agency). The project #hiketicino aims to "create a network of remote and on-site services able to enhance the hiking experience for tourists and residents, thus increasing usage of the hiking trails" (Ticino New Digital Experience).
Processing ServicesDeveloped using Python, GRASS and PostGIS, in order to offer an easy to use remote geospatial service for the project partners, we have implemented three services offering specific processing capabilities:
Identification of point of interest along an itineraryGiven three parameters (path identifier, distance/buffer, datetime), the service returns an array identifying the points of interest included in the buffer. Mainly used by the administration interface to filter nearby point of interests.
Itinerary elevation profile calculation
|Itinerary elevation profile data exposed in an interactive chart |
Static map image generationGiven seven parameters (path identifiers, point of interest types, height/width in inches, dpi, epsg and output format), the service takes care of calculating the best way to fit the itinerary chosen. Relying on a Web Map Service as backend returns a static image that is used to generate PDF files, not interactive map views on big screens "Totem" and itinerary details on the mobile application.
|Example of static map image generation used with a "Totem" display|
The usage is simple. Inserting a HTML div element and a configurable script tag, the project partners with the task of implementing the web site, were able to embed easily a dynamic map, optionally with an interactive chart representing the terrain profile of an itinerary.
|Interacting with the manu|
Animated marker clusteringIn some cases point of interest are located at the same coordinate or are close to each others, in this case a nice animation has been developed from scratch using the d3js library. The cluster icon showing the count of inner features, once clicked explodes showing single icon representing every point of interest located at this position.
|Marker cluster with OpenLayers 3|
Interactive terrain profile chartConfigurable terrain profile chart. Passing over the chart the hiker marker appear showing the exact location in the map.
|Interactive terrain profile chart with d3js|
WMS Server with OpenStreetMap
|OSM data restyled|