100 likes | 414 Vues
Web Mapping Part One—Google Maps Tutorial The New York Web Standards Meetup Group 24 January 2008 Google Maps 101 What You Need to Know Required: HTML CSS JavaScript Google Maps API Optional: Server-side language (PHP, ASP, ColdFusion) If you do not know the above, there’s still hope:
E N D
Web Mapping Part One—Google Maps TutorialThe New York Web Standards Meetup Group24 January 2008
What You Need to Know • Required: • HTML • CSS • JavaScript • Google Maps API • Optional: • Server-side language (PHP, ASP, ColdFusion) • If you do not know the above, there’s still hope: • Wayfaring • Platial Google Maps API Demo 1 Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008
Acquire a Google Maps API Key • http://code.google.com/apis/maps/signup.html • Simple and free, but do read the agreement. Highlights: • There is no limit on the number of page views you may generate per day using the Maps API. • There is a limit of 15,000 geocode requests per day per Maps API key. • The Maps API does not include advertising. • Your service must be freely accessible to end users. • You may not alter or obscure the logos or attribution on the map. • Review the documentation (links at the end of this presentation) Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008
Tutorial • The rest of the Google Maps 101 presentation takes place online: http://themechanism.com/demo/gmaps/two.htm Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008
Google Maps API Libraries • GMaps Utility Library—Open source project to be a central repository of utility libraries that can be used with the Google Maps API. • MarkerManager • DragZoomControl (demo) • LabeledMarker • ExtMapTypeControl • ExtInfoWindow • QMaps—Can be used to create very sophisticated editors. • Built on Prototype and script.aculo.us, so a favorite of mine. • Mapstraction—Mapstraction is a library that provides a common API for various JavaScript mapping APIs to enable switching from one to another as smoothly as possible. • Haven't used this yet, but intrigued. Concerned about possible performance implications. Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008
Google Maps API Libraries (continued) • VGMap—Vector overlays in Flash. • Another one that looks quite interesting, but I haven't worked with. • Doesn't appear to have changed in two–three years • XMaps—A Google Maps API extension: add filled polygons, put text along a polyline, create circles, add overlays faster, create custom icons and markers • Used a long time ago—not sure of its current state of development • GoogleMapAPI—A PHP library to generate maps. • Yet another one I haven't used. • G Map—Google Map Flash 8 component • Nice way to embed a dynamic map within a Flash app. Used this one once for a demo Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008
Books Beginning Google Maps Applications with PHP and Ajax: From Novice to Professional by Michael Purvis, Jeffrey Sambells, and Cameron Turner Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008
Websites/Blogs • Google Maps API Developer Guide • Google Maps API Reference • Official Google Maps API Blog—Latest updates to the API • Google Maps API Group—Official group to dicuss API usage • GMaps Utility Library—Open source project to be a central repository of utility libraries that can be used with the Google Maps API • Google Maps API Tutorial—Series of tutorials by Mike ??? • Google Maps Mania—An unofficial blog tracking mashups and tools built on the API Web Mapping Part One—Google Maps Tutorial •The New York Web Standards Meetup Group / 24 January 2008