14 Lines and Polygons Mapping in the Cloud Peterson

14 Lines and Polygons

Mapping in the CloudPeterson

Simple Line

Flow Map

Flow Map Line

Great Circle

Geodesic = Great circle

From XML file

From XML file

From JSON

From KML

KML Line

From Fusion Table

Fusion Table Line Segments

Contour Lines

60,000 coordinates

Lines from FusionTable

60,000 coordinates

Click to Add Points

Click to Add Points

Cross-section

Visualization API

function Q(a,b,c){if(a.addEventListener)a.addEventListener(b,c,j);else if(a.attachEvent)a.attachEvent("on"+b,c);else{var e=a["on"+b];if(e!=h)var f=[c,e],c=function(){for(var a=0;a<f[x];a++)f[a]()};a["on"+b]=c}}var P=[];google[A].O=function(){var a=l.event.srcElement;"complete"==a.readyState&&(a.onreadystatechange=h,a.parentNode.removeChild(a),R())};L("google.loader.domReady",google[A].O);var aa={loaded:g,complete:g};function T(){aa[m.readyState]?R():0<P[x]&&l[z](T,10)}function R(){for(var a=0;a<P[x];a++)P[a]();P.length=0}google[A].d=function(a,b,c){if(c){var e;"script"==a?(e=m.createElement("script"),e.type="text/javascript",e.src=b)

Compact JavaScript that is essentially indecipherable

Scale Dependence in Encoded Polylines

Encoding

Polygon

Polygon

From XML file

From XML file

Donut Polygon

Donut Polygon

Donut Polygon from KML

Donut Polygon from KML

Line Coordinate Thinning

Topology and Generalization

File Conversion

Formatting for XML file

From KML file

From KML file

Google Map Error

Choropleth Map

Opacity-based Choropleth Map

Computing Opacities

Fusion Table Gradient

Fusion Table buckets (classes)

Fusion Table

Gradient Map

Fusion Table

Classed Map

Heat Map

Heat Map

Heat map displayset in Fusion Table

Shaded Isoline (Isotherms)

Two different

scales

</script><script type="text/javascript"> function initialize() { var brazil = new google.maps.LatLng(-18.771115, -42.758789); map = new google.maps.Map(document.getElementById('map_canvas'), { center: brazil, zoom: 4, mapTypeId: 'roadmap'}); // Table 136705 has beaches along Brazil's coastline // View this table in a webpage: http://tables.googlelabs.com/DataSource?dsrcid=136705layer = new google.maps.FusionTablesLayer(136705, { heatmap: true