Cog Icon signifying link to Admin page

Built on Spanglefish 3

@Spanglefish Youtube

Spanglefish 3 Manual

Map Examples

The OpenStreetMap block type allows you to add a map to your page. You can add more than one map block to a page if you wish. There are a host of different settings allowing you to do various things with these maps.

This map is centred on Mount Everest,uses the Terrain Map tiles and can't be zoomed or scrolled by the user.

This uses the Satellite image tiles. We've then added the following Additional Code to draw a box around Sardinia and a line joining Italy's 3 volcanoes.

var latlngs = [[41.3, 7.9],[38.5, 7.9],[38.5, 10],[41.3, 10]];
var polygon = L.polygon(latlngs, {color: 'red'}).addTo(map);
var latlngs2 = [[40.82, 14.42],[38.79,15.19],[37.75,14.98]];
var polyline = L.Polyline(latlngs2, {color: 'yellow'}).addTo(map);

The Leaflet documentation explaining how to draw polygons etc is available here.

A Directory Map block links a map to a Directory block which can be on the same page or elsewhere in your website. This map is linked to a directory of Scottish Premier League team grounds. In this case the map automatically centres and zooms itself to show all the markers.

Site Search
^