Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece

GOOGLE GEOGROUP
Yiannis Doxaras*
Niobium Labs
@doxaras

OCG regional technical committee member

GOOGLE GEOGROUP ?

• organize web information

• google is not a mapping company

• geospatial content for organization

• OGC open standards

• Street View, Sketchup, Gmaps

MAPS API

• program in ﬂash or javascript

• display a base map

• display
your data on the map(markers, polylines, polygons, info
boxes, 3D models, tips and image overlays)

• Access Google data and services (navigation, street view,
elevation, geocoding)

• Interact with users (drag & drop, editable objects)

MAPS API as of oct 2010
350K web sites

• program in ﬂash or javascript

• display a base map

• display
your data on the map(markers, polylines, polygons, info
boxes, 3D models, tips and image overlays)

• Access Google data and services (navigation, street view,
elevation, geocoding)

• Interact with users (drag & drop, editable objects)

WHAT’S NEW ?

• New Maps Features

• Google Geo APIs

• Fusion Tables

• Earth & KML

• Latitude API

PROBLEMS SOLVING?

Get rid of all
synchronous API’s

“latency was the ﬁrst priority that
apple introduced along with
aggressive modularization and
iPhone/Android support”

NEW MAP FEATURES Flash

Mobile
Earth

Static

STYLING IN CODE
var stylez = [{
featureType: 'road.local',
elementType: 'geometry',
stylers: [{
hue: '#00ff00'
}, {
saturation: 100
}]
}, {
featureType: 'landscape',
elementType: 'geometry',
stylers: [{
hue: '#000000'
}]
}];

var styledMapType = new google.maps.StyledMapType(stylez, {
map: map,
name: 'Coffee Map!'
});

map.mapTypes.set('coffee-style', styledMapType);
map.setMapTypeId('coffee-style');

WHAT YOU CAN STYLE
• Change size, color, and visibility of

• Points of Interest

• Labels

• Roads

• Water

• Borders

• and more

WHAT YOU CAN STYLE
• Change size, color, and visibility of laterally
• Points of Interest
everything

• Labels

• Roads

• Water

• Borders

• and more

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}

</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

<!DOCTYPE html>
<html> set your
app as
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% } HTML5
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=set_to_true_or_false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(-34.397, 150.644);
var myOptions = {
zoom: 8,
center: latlng,
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}

</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

FUSION TABLES
• Upload large (100MB) tabular data

• Easy visualization

• Easy mapping

• Customize info windows

• Customize shapes

• Spatial Queries!

• FusionTableLayer in Maps API

• Fusion Tables API

FUSION TABLES GIS on
the Cloud

• Upload large (100MB) tabular data

• Easy visualization

• Easy mapping

• Customize info windows

• Customize shapes

• Spatial Queries!

• FusionTableLayer in Maps API

• Fusion Tables API

FUSION TABLES EX #2

SELECT *
FROM 297050 WHERE

ST_INTERSECTS(Ad
dress, RECTANGLE
(LATLNG(37.2,
-122.3),
LATLNG(37.6,
-121.9)))

FUSION TABLES EX #3
map = new
google.maps.Map(document.getElementById('map_c
anvas'), {
center: new google.maps.LatLng(37.4,
-122.1),
zoom: 10,
});
tableid = 297050;
layer = new
google.maps.FusionTablesLayer(tableid, {
query: "SELECT Address FROM " + tableid + "
WHERE ST_INTERSECTS(Address,
RECTANGLE(LATLNG(37.3, -122.3), LATLNG(37.6,
-121.9)))",
map: map
});

FUSION AS A WEB DB
http://www.google.com/fusiontables/api/query?sql=<statement>

sql=INSERT INTO 274708 (CityDescription,
CityLocation)
<Polygon> VALUES ('Tokyo Metropolis', '35.69 139.69')
<outerBoundaryIs>
<coordinates> lng,lat[,alt]
lng,lat[,alt] ... </coordinates> sql=UPDATE 274814
</outerBoundaryIs> SET Route = '<LineString> <coordinates>
</Polygon> 78.47,17.37 -91.58,32.44 2.35,48.85 </
coordinates> </LineString>'
<LineString> WHERE ROWID = '1'
<coordinates> lng,lat[,alt]
lng,lat[,alt] ... </coordinates>
</LineString> sql=INSERT INTO 274319 (volunteer_id, plot)
VALUES (45,
<Point> '<Polygon> <outerBoundaryIs>
<coordinates> lng,lat[,alt] </ <coordinates> -117.85,35.3 -117.85,35.301
coordinates> -117.851,35.301 -117.851,35.3 -117.85,35.3 </
</Point> coordinates>
</outerBoundaryIs> </Polygon>'

LOCATION

• location data are more private than ﬁnancial data

• huge data generation that concern user context and location

• large data mining startups get the highest valuation lately

• recommendation systems are here not to stay, but to dominate.

• having said that.......

GOOGLE LATITUDE
google’s wishful
thinking but still
a lot happening
in the landscape

MAPVERTISING
Display advertising alongside local
business search results using the
Local Search Control (GoogleBar)

Display advertising based on
the Maps viewport using the
Maps Ad Unit

WHAT TO CHOOSE ?
fusion
tables

WHAT TO CHOOSE ?
fusion
tables

app
engine

WHAT TO CHOOSE ?
fusion
tables

app
engine

Google
I/O data

APP ENGINE PRIMER
data model
from google.appengine.ext import db
class myLocation:
name = db.StringProperty()
location = db.GeoPtProperty()

from google.appengine.ext import db import mylocation
myLocations = MyLocation.gql("WHERE name= :1", 'foo')

Disadvantages for a Spatial Apps
• Very limited spatial support in queries
• Inequality limitations on one property only – So no obvious bounding box
• Different (but cooler) way of building applications
• Geomodel is complex and does not scale

Type of data ? Amount of data ?
Resources ? Effort ?
Interactivity ?
Performance ?

REFERENCES

• http://code.google.com/apis/fusiontables/

• http://www.google.com/fusiontables/public/tour/index.html

• http://earth.google.com/outreach/
tutorial_fusion_yourowndata.html

• http://code.google.com/apis/maps/documentation/javascript/
reference.html

• http://www.google.com/mobile/latitude/

Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (7)

Similar to Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece

Similar to Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece (20)

More from CoLab Athens

More from CoLab Athens (14)

Recently uploaded

Recently uploaded (20)

Ioannis Doxaras on GIS and Gmaps at 1st GTUG meetup Greece

Editor's Notes