background preloader

Google Maps API

Facebook Twitter

Google Maps: 100+ Best Tools and Mashups. Most people think of Google Maps in terms of finding a place or business, or getting directions from one point to another.

Google Maps: 100+ Best Tools and Mashups

Others use the satellite images and terrain mapping features. But there are tons of other uses out there for Google maps. From mapping the weather and news to mapping things that aren't maps at all, like paintings or magazines, Google Maps has a lot to offer. And there are free tools available out there for those who want to use the Google Maps API without doing a bunch of coding. Beer and Wine on Google Maps. Stag Night Wizard Stag Night Wizard is a Google Maps mash-up designed to help the best man plan a great stag night or weekend.

Beer and Wine on Google Maps

Currently the site offers a route planner for stag nights in Manchester or London in the UK but has plans to add Barcelona, Nottingham, Blackpool and Dublin soon. Home. Isn’t it time to upgrade your campus map?   Connect with proven Google Maps Developers. Google Maps API hands-on training, part 1. Go to part two of the trainingPresumed knowledge: HTML Moderate Javascript understanding CSS Basic XMLWhat you’ll need: [js light="true"] <html xmlns=" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>My awesome first Google map</title> <!

– key (will work offline, but not if you upload it to another site)–> <script src=" type="text/javascript"></script> <script language="Javascript"> //<! [CDATA[ var objMap; //A variable we declare early so our map is accessible outside the function that creates it. //marker definitions var objBaseIcon = new GIcon(); objBaseIcon.shadow = " objBaseIcon.iconSize = new GSize(19, 25); objBaseIcon.shadowSize = new GSize(32, 25); objBaseIcon.iconAnchor = new GPoint(9, 25); objBaseIcon.infoWindowAnchor = new GPoint(9, 1); var objRedIcon = new GIcon(objBaseIcon); objRedIcon.image = " var objGreenIcon = new GIcon(objBaseIcon); objGreenIcon.image = " Going beyond MyMaps 2: Advanced Google Maps API tutorial. – July 26, 2009Posted in: News and posts OK, you’ve learned to create a basic Google map and call in a static XML file. Here’s my advanced tutorial on the Google Maps API that I gave at the 2009 Investigative Reporters and Editors CAR conference in March.

Now let’s move on to the advanced stuff. We’ll cover: Generating XML using PHP/MySQLDynamic geocodingQuerying with geo dataPolylines and polygonsKML overlaysGround overlaysClustering markers Presumed knowledge: MappyHour - Happy Hour Map! Performance Dashboard: CenterView Is a Powerful Peformance Dashboard. Google Maps API Tutorial Day 1. The Google Maps API is one of my favorite and also probably the most powerful APIs out there.

Google Maps API Tutorial Day 1

I’ve seen and made very neat applications with this API, now it’s your turn to make one. A Simple Map The HTML Markup The HTML you need to render a map a very little. You need a div tag where the map will appear, some CSS to specify the size of the map and a javascript line to include the google maps library. The previous code is the HTML markup for a map that measures 500X750 and will be rendered in a div with the ID “map”. The Javascript Code Before you render the map you need to set a few settings, I like to put all this code in a function which I call after my page loads. window.onload=function() { // code to render your google map} The simplest map needs three settings, the zoom level (zoom) , map type (mapTypeId) and center coordinates (center).

My map settings are: I will talk about each of this settings below, but first let’s render the map. Here is the full code so far: The Center Coordinates.