14 lines and polygons mapping in the cloud peterson
TRANSCRIPT
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