Top Banner
Marker clustering and cartographic generalization Berlin, november 2014. About map scales Classic cartographic generalization Base maps are prepared to be represented at a certain scale. Design scale and view scale must match. Large scale: + detail. Small scale: - detail. Small scale view Large scale view Large scale base Bad Well Small scale base Bad Well
15
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: poinproc WhereCamp Berlin

Marker clustering and cartographic generalizationBerlin, november 2014.

About map scales

Classic cartographic generalization

Base maps are prepared to be represented at a certainscale. Design scale and view scale must match.

Large scale: + detail. Small scale: - detail.

Small scale view Large scale viewSmall scale view Large scale view

Larg

esc

ale

base

Bad Well

Smal

lsca

leba

se

BadWell

Page 2: poinproc WhereCamp Berlin

Cartographic sources are drawn at a detailed scales. Thenthey’re submitted to cartographic generalization to obtaincartography at smaller scales.

3D featuredigitizingenvironment forArcGIS from geo-referenced aerialor space-borneimagery (Purview).

Marker clustering and cartographic generalizationBerlin, november 2014.

About map scales

Classic cartographic generalization

3D featuredigitizingenvironment forArcGIS from geo-referenced aerialor space-borneimagery (Purview).

Base maps are outlined from aerial photography.

Page 3: poinproc WhereCamp Berlin

Base maps for web map viewers are prepared following thesame approach as classic (paper) map series.

Marker clustering and cartographic generalizationBerlin, november 2014.

About map scales

Classic cartographic generalization

Google Maps street map: its design is road map like.

Maps to be shown at different scales are drawn differently

Page 4: poinproc WhereCamp Berlin

Tools to obtain base mapsat less detailed scales:cartographic generalizationtools.

Sometimes the applicationwill require some amountof work.

Simplification.

Classification.

Marker clustering and cartographic generalizationBerlin, november 2014.

About map scales

Classic cartographic generalization

Tools to obtain base mapsat less detailed scales:cartographic generalizationtools.

Sometimes the applicationwill require some amountof work.

Aggregation.

Collapsing.

Selection.

Page 5: poinproc WhereCamp Berlin

But that’s not the case with Douglas-Peuker classic algorithmto remove vertices automatically for line simplification, whichis fully automatic.

Marker clustering and cartographic generalizationBerlin, november 2014.

About map scales

Classic cartographic generalization

It is internally implemented in all internet map viewers.

Douglas-Peuker method applied to polyline with a single line.

Page 6: poinproc WhereCamp Berlin

About internet mapping

Marker clustering

A set of markers is embedded into a vector layer. It can bedisplayed as a map overlay for internet viewers. The viewerhandles scale changes in a way that we’re grown used to.

Marker clustering and cartographic generalizationBerlin, november 2014.

We’re relying somewhat in the Maps API’s functionalityand somewhat in the web designer’s criteria to have a mapcustomized.

Some vector layer shown at two different zoom levels

Page 7: poinproc WhereCamp Berlin

This was Google Maps API’s incorporated marker clusteringprocedure.

About internet mapping

Marker clustering

Marker clustering and cartographic generalizationBerlin, november 2014.

http://www.mapadacachaca.com.br/guia/

Pushpin markers and cluster markers behave differently under a click event

Page 8: poinproc WhereCamp Berlin

Thematic maps are an elegant alternative approach. It isbeing used a lot with cartographic data base servers(Google’s Fusion Tables, etc.)

About internet mapping

Marker clustering

Marker clustering and cartographic generalizationBerlin, november 2014.

http://www.cartovista.com/

Thematic maps require polygon boundary layers and a data summary for each administrative entity.

Page 9: poinproc WhereCamp Berlin

Another approach to overlay geometries to customize maps isto convert zoom dependant vector overlays into tile layers forweb map servers.

About internet mapping

Marker clustering

Marker clustering and cartographic generalizationBerlin, november 2014.

http://www.skimap.org/

Rasterizing vectors into tiles overcomes (maps APIs) restricitions to map different layers at different zoom levels.

Page 10: poinproc WhereCamp Berlin

PoinProc’s marker clustering service. It is a cartographicgeneralization-like approach to swap sets of markers foranother zoom dependant geometries.

About internet mapping

Marker clustering

Marker clustering and cartographic generalizationBerlin, november 2014.

For low zoom levels, results are thematic map alike. Provides flexibility in click event handling.

Page 11: poinproc WhereCamp Berlin

About PoinProc

Search by map

Marker clustering and cartographic generalizationBerlin, november 2014.

1 Use map controls

2 Select a place from a list

4 Select location and navigate3 Preview location info

Page 12: poinproc WhereCamp Berlin

PoinProc services

Marker clustering and cartographic generalizationBerlin, november 2014.

About PoinProc Additional services other than marker clustering.

Lines from points Paths (lines) clustering Orthodromics generalization

Page 13: poinproc WhereCamp Berlin

You can use the internet service by filling the convenient webform. A data table is required in csv, tab, text format.

How to use PoinProc: web

Marker clustering and cartographic generalizationBerlin, november 2014.

About PoinProc

Latitude and longitude are required. It is desirable to give a name to eachmarker, as well as geographical entities names to summarize and separate.

Page 14: poinproc WhereCamp Berlin

The desktop application is under development.

How to use PoinProc: desktop

Marker clustering and cartographic generalizationBerlin, november 2014.

About PoinProc

Campos latitud, longitud

Page 15: poinproc WhereCamp Berlin

Javascript API

Scripts for Web maps APIs: easily loading different geometriesfor each zoom level.

var mapViewer = new ZoomDepViewer (mapdivID, MapClick, LoadIcons, getColour);

function MapClick(descrip) {var expla = document.getElementById('expla');var descripItems = descripTxt.split('.');var descripHtml = descripItems.join('<br/>');expla.innerHTML = descripHtml;

}

var LoadIcons = function(viewer) {var iconfolder = "www.poinproc.com/Schemas/";var icons;icons[0] = { icon: iconfolder+'point0.png',height:15,width:15 };icons[1] = { icon: iconfolder+'point1.png',height:22,width:22 };icons[2] = { icon: iconfolder+'point2.png',height:32,width:32 };return icons:

}

function getColour(code) {var fillColor = ["#963296", "#C86432", "#329696", "#48C848", "#6432C8"];var index = code % 5;return fillColor[index];

}

mapViewer.showXMLData(xmlData, viewer, useIDs); // viewer :'gmapsv3', 'bing', 'ol'

Marker clustering and cartographic generalizationBerlin, november 2014.

About PoinProc

var mapViewer = new ZoomDepViewer (mapdivID, MapClick, LoadIcons, getColour);

function MapClick(descrip) {var expla = document.getElementById('expla');var descripItems = descripTxt.split('.');var descripHtml = descripItems.join('<br/>');expla.innerHTML = descripHtml;

}

var LoadIcons = function(viewer) {var iconfolder = "www.poinproc.com/Schemas/";var icons;icons[0] = { icon: iconfolder+'point0.png',height:15,width:15 };icons[1] = { icon: iconfolder+'point1.png',height:22,width:22 };icons[2] = { icon: iconfolder+'point2.png',height:32,width:32 };return icons:

}

function getColour(code) {var fillColor = ["#963296", "#C86432", "#329696", "#48C848", "#6432C8"];var index = code % 5;return fillColor[index];

}

mapViewer.showXMLData(xmlData, viewer, useIDs); // viewer :'gmapsv3', 'bing', 'ol'

var mapViewer = new ZoomDepViewer (mapdivID, MapClick, LoadIcons, getColour);

function MapClick(descrip) {var expla = document.getElementById('expla');var descripItems = descripTxt.split('.');var descripHtml = descripItems.join('<br/>');expla.innerHTML = descripHtml;

}

var LoadIcons = function(viewer) {var iconfolder = "www.poinproc.com/Schemas/";var icons;icons[0] = { icon: iconfolder+'point0.png',height:15,width:15 };icons[1] = { icon: iconfolder+'point1.png',height:22,width:22 };icons[2] = { icon: iconfolder+'point2.png',height:32,width:32 };return icons:

}

function getColour(code) {var fillColor = ["#963296", "#C86432", "#329696", "#48C848", "#6432C8"];var index = code % 5;return fillColor[index];

}

mapViewer.showXMLData(xmlData, viewer, useIDs); // viewer :'gmapsv3', 'bing', 'ol'