Download presentation
Presentation is loading. Please wait.
1
Mash-it-up Google Style Put your data on the Map
2
Google Maps One of the easiest APIs to use. In 5 minutes you can have a simple map on your site. First step – Get a Google Maps API Key: http://www.google.com/apis/maps/ http://www.google.com/apis/maps/
3
The 5 Minute GMap Get the “Hello World” example: http://www.google.com/apis/maps/documentation/#The_Hello_ World_of_Google_Maps http://www.google.com/apis/maps/documentation/#The_Hello_ World_of_Google_Maps Copy that text into a new HTML file. Add your key (Replace ‘key=abcdefg’, with ‘key=the big long key from Google’) Lets add some controls (zoom/pan): map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl());
4
Add markers to the map We need a Lat/Long coordinate in the format: XX.XXXXXX, -YY.YYYYYY (ex. 36.601145,-121.894684 – Portola Plaza) Create a new point: var point = new GLatLng(36.601145,-121.894684); Add it to the map! map.addOverlay(new GMarker(point)); Save your work and view it in your browser of choice!
5
All your data are belong on Google Maps For plotting many points, Google has included a way to import specially formatted XML files. With a simple loop all your points will be plotted to the map! http://www.google.com/apis/maps/documentation/#Using_XML_and_A synchronous_RPC http://www.google.com/apis/maps/documentation/#Using_XML_and_A synchronous_RPC Sample format:
6
Plotting Dynamic Data LCLS delivery routes are stored in a MySQL database. Using ASP.NET and a custom API, the routes are outputted into an XML formatted document which is loaded into the Google Map API: http://www.lcls.org/api/query/?method=lcls.members.getD eliveryRoute&routeid=1&day=friday http://www.lcls.org/api/query/?method=lcls.members.getD eliveryRoute&routeid=1&day=friday
7
Questions? Seldom updated blog: http://cdeweese.blogspot.com Email: chris.deweese@gmail.comhttp://cdeweese.blogspot.com
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.