Presentation is loading. Please wait.

Presentation is loading. Please wait.

Mash-it-up Google Style Put your data on the Map.

Similar presentations

Presentation on theme: "Mash-it-up Google Style Put your data on the Map."— Presentation transcript:

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:

3 The 5 Minute GMap Get the “Hello World” example: World_of_Google_Maps 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! synchronous_RPC 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: eliveryRoute&routeid=1&day=friday eliveryRoute&routeid=1&day=friday

7 Questions? Seldom updated blog: Email: chris.deweese@gmail.com

Download ppt "Mash-it-up Google Style Put your data on the Map."

Similar presentations

Ads by Google