Cloudant

Ski Areas

This simple demo shows ski areas throughout Colorado. We've defined a scaleRange so we don't show too many markers at lower zoom levels.

A very simple popupTemplate has also been provided as well as a single symbology type that shows a custom marker.

var customMarker = L.Icon.extend({
    options: {
        iconUrl: "../../docs-demo/img/markers/ski-lift.png",
        shadowUrl: null,
        iconSize: new L.Point(32, 37),
        iconAnchor: new L.Point(16, 37),
        popupAnchor: new L.Point(0, -35)
    }
});

cloudant_ski_areas = new lvector.Cloudant({
    dbName: "colorado_skiing",
    designDoc: "_design/SpatialView",
    indexName: "ski_areas",
	uniqueField: "id",
	scaleRange: [6, 20],
	popupTemplate: '<div class="iw-content"><h3>{NAME}</h3></div>',
	singlePopup: true,
	symbology: {
	    type: "single",
	    vectorOptions: {
		    icon: new customMarker()
	    }
	}
});