7. Charts API: bar chart
http://chart.apis.google.com/chart?
cht=bhs (bar chart)
&chs=400x225 (dimensions)
&chd=t:10,50,60,80,40|50,60,100,40,20 (data)
&chco=4d89f9,c6d9fd (colors)
&chbh=20 (bar width)
test link
code.google.com/p/google-chartwrapper/
8. Create maps without coding
Create in Google Earth:
• Easy, but not scalable
• Earth User's Guide
Google My Maps:
• Easy to use / Collaborative
• Public vs. Unlisted
• Embedding /
• KML & view in Earth
• User's Guide
• YouTube video
Spreadsheet Mapper:
• 400 point placemarks
• 6 HTML templates
• Collaborative
• Read Tutorial
Google Earth Outreach Tutorials: earth.google.com/outreach
9. f_in = open('data.csv', 'r')
f_out = open('data.kml', 'w')
f_out.write('<Document>')
for row in f_in:
name, lat, lng = row.strip().split(',')
kml = '''
<Placemark>
<name>%s</name>
<Point>
<coordinates>%s,%s</coordinates>
</Point>
</Placemark>''' % (name, lng, lat)
f_out.write(kml)
f_out.write('</Document>')
Google Confidential and Proprietary
User's Guide,36.2,-84.4
Coal River Mountain,37.9,-81.4
Gauley Mountain,38.1,-81.1
Blair Mountain,37.8,-81.8
Huckleberry Ridge,37.0,-83.3
Creating KML with python
10. KML for programmers
code.google.com/apis/kml
• KML Reference
• Developers's Guide: Touring, time animation, extendedData, etc.
• Articles:
o CSV -> KML with python - link
o PHP & MySQL -> KML - link
• Geo Developers Blog
• KML Developer Support Group
• KML supported by Google Maps
12. ExtendedData +
BalloonStyle
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<name>Data+BalloonStyle</name>
<Style id="golf-balloon-style">
<BalloonStyle>
<text>
<![CDATA[
This is $[name]
This is hole $[holeNumber]
The par for this hole is $[holePar]
The yardage is $[holeYardage]
]]>
</text>
</BalloonStyle>
</Style>
<Placemark>
<name>Club house</name>
<styleUrl>#golf-balloon-style</styleUrl>
<ExtendedData>
<Data name="holeNumber">
<value>1</value>
</Data>
<Data name="holeYardage">
<value>234</value>
</Data>
<Data name="holePar">
<value>4</value>
</Data>
</ExtendedData>
<Point>
<coordinates>-111.956,33.5043</coordinates>
</Point>
</Placemark>
</Document>
</kml>
13. Easy Map Embedding
Embed Google My Maps:
• Create your map, click "Link" at upper right
• Choose URL or HTML embed code
• Tutorial
Import your KML into My Maps:
• Create new map, click on "Import"
• Choose your GeoRSS or KML file
Embed Google Earth & KML file:
• Embedded KML Gadget: tr.im/embedkml
Embed Google Earth & Tour file:
• Embedded Tour Gadget: tr.im/embedtour
14. Embedding Google Maps API
<script src="http://maps.google.com/maps?file=api&v=2&
key= YOURAPIKEY" type="text/javascript"></script>
<script type="text/javascript">
var map;
var geoXml;
function init() {
if (GBrowserIsCompatible()) {
geoXml = new GGeoXml("http://path/to/your.kml");
map = new GMap2(document.getElementById("map_canvas"));
map.addOverlay(geoXml);
}
}
</script> ...
<body onload="init()">
<div id="map_canvas"></div>
...
code.google.com/apis/maps
15. <script src="http://www.google.com/jsapi?key=YOURAPIKEY"></script>
<script>
google.load('earth', '1');
var ge = null;
function init() {
google.earth.createInstance('map3d', initCallback, failureCallback);
}
function initCallback(pluginInstance) {
pluginInstance.getWindow().setVisibility(true);
addKmlFromUrl('http://path/to/your.kml');
}
function addKmlFromUrl(kmlUrl) {
var link = ge.createLink('');
link.setHref(kmlUrl);
var networkLink = ge.createNetworkLink('');
networkLink.setLink(link);
ge.getFeatures().appendChild(networkLink);
}
</script>
....
<body onload="init()">
<div id="map3d"></div>
3...
Embedding Google Earth Plugin/API
code.google.com/apis/earth
16. Google Confidential and Proprietary
Resources:
• NPO Intro to GMapping
• Google My Maps
• Google Earth
• Google Maps API
• Google Earth API
• KML Reference
More Examples:
• Google Earth Gallery
• Outreach Showcase
tr.im/map4npo (TechSoup)
maps.google.com > "My Maps"
earth.google.com
code.google.com/apis/maps
code.google.com/apis/earth
code.google.com/apis/kml
earth.google.com > "Gallery"
earth.google.com/outreach > "Showcase"
17. Links to examples:
• ilovemountains.org & "Global Awareness" in Google Earth
• NAIL: mountainresource.org/nail
• Conservation Solutions for Renewable Energy
• Crisis in Darfur: at ushmm.org & "Global Awareness" Layer
• Geo-Thermal Energy Potential: google.org/egs
• Oil Imports Map: move.rmi.org
More Mapping examples:
• Google Earth Outreach Showcase
• Google Earth Gallery
• Google LatLong blog
• Google Earth blog
• OgleEarth blog
Notes de l'éditeur
As you have seen from the keynote API traffic is increasing steadily
We are now getting roughly 1 billion hits per day across our APIs
So increasingly we have users using our data in other places than google.com
As you have seen from the keynote API traffic is increasing steadily
We are now getting roughly 1 billion hits per day across our APIs
So increasingly we have users using our data in other places than google.com
As you have seen from the keynote API traffic is increasing steadily
We are now getting roughly 1 billion hits per day across our APIs
So increasingly we have users using our data in other places than google.com
As you have seen from the keynote API traffic is increasing steadily
We are now getting roughly 1 billion hits per day across our APIs
So increasingly we have users using our data in other places than google.com
