Geocoding. Gmapsmania - 100 Things to do with Google Maps Mashups. Sites linking to this page: Digg, C|Net News.com, StumbleUpon, MentalFloss, Corriere (Italy), Del.icio.us/Popular, Korben, SiliconValley.com, Geek News Central, LifeHacker, Bildirgec, NRK (Norway) [ Back to Google Maps Mania.. ] 1. Find a world brewery2. Track world terrorism3. Goocam World Map - Watch the unsuspecting. <code>ExtInfoWindow</code> 1.0: Ajax powered, CSS customization. Add a Google map to your PHP site. By Ben Martin on August 01, 2008 (9:00:00 AM) GoogleMapAPI is not packaged for Ubuntu, Fedora or openSUSE. For this article I'll use a 64-bit Fedora 9 machine with version 2.5 of GoogleMapAPI. The commands shown below install the main PHP file in a site-accessible directory, with the remainder of the distribution in /usr/local for reference. # mkdir -p /usr/local/php # mkdir -p /usr/local/php/site-includes # chown root.apache /usr/local/php/site-includes # chown root.apache /usr/local/php # cd /usr/local/php # tar xzvf /... # vi /etc/php.ini ... include_path = ".
To use Google Maps on your site you'll need your own Google Maps API key. The below page shows how to get started putting a map on your site. . # cd /var/www/html # mkdir gmaptest # chown root.apache gmaptest # chmod +s gmaptest # cd gmaptest # vi index.php require('GoogleMapAPI.class.php'); $map = new GoogleMapAPI('map'); $map->setAPIKey('........INSERT YOUR KEY HERE <html> <head> <? Eiffel Tower Gmap ... <? ? Gmap Trail. Google Maps API Example - turning markers on and off with check boxes. GMapEZ -- Release Notes. GMapEZ version 3.0-beta2 Released Sat, 14 Dec API changes No API changes from previous 3.0 beta. Internal changes This has a small tweak from the previous beta due to Internet Explorer problems. Beta1 was reported to have problems in IE10 in compatibility mode, in IE8, and in Windows webcontrol. This beta has been tested in IE10 and it works both with compatibility on and off, so I'm hopeful it will work for older versions of IE as well.
GMapEZ version 3.0-beta1 Released Tue, 19 Nov This is a big change, to move off Google's deprecated v2.x API on to their v3.x API. The undocumented features of blowup maps and directions forms in info windows are no longer supported. GMapEZ version 2.4 Released Wed, 14 Mar New optional gmapversion meta tag can be used to load a specific version of Google's map API. GMapEZ version 2.3 New features: GMapEZ version 2.2.
Google's map API is perhaps one of the easiest APIs to work with and has led to some really great mashups. What are you waiting for? Jump on the Web 2.0 wagon and get started on creating your own mashup! The Steps: Before we get started, let's decide what we want to make a map of. Step 1: Get your Google Map API Key. Head over to the Google Maps API Sign up page and get your key! Step 2: Set up the page. The Google Maps API only has three required pieces. Let's create a new HTML page. Figure 1: Now we add two of the required elements: The Gmaps API script block and the div element to hold the map. ( Figure 2 ) Figure 2: Replace [PASTE YOUR API KEY HERE] with that long string that you got from the Gmaps API Sign up page.
*Later I will mention how to use a CSS anchor to assign styles to your map div from a style sheet instead of doing it inline. Step 3: Get your latitude and longitude. Click and hold on the map and move it just slightly (a few pixels if you can manage it), then release. XML - Using XML To Hack Google Maps Tutorials. DB2 and open source: Put yourself on the map with Google Maps API, DB2/Informix, and PHP on Linux.
Google Maps EZ -- Javascript. Before getting started, you'll need to sign up for a Google Maps API Key. Don't forget to read Google's Terms of Use before you agree to them! The EZ code provided on this page is licensed under the GPL, but if you put a EZ map on a web page, please include a link like this: (here's how). Just a map A minimal HTML page that includes a Google Map the GMapEZ way should look something like the below. Remember to put your own Google map key in place of the abcdefg in this example: <html xmlns:v="urn:schemas-microsoft-com:vml"><head><title>My GMapEZ Maps</title><meta name="gmapkey" content="abcdefg" /><script src=" type="text/javascript"></script></head><body><div class="GMapEZ" style="width: 300px; height: 300px;"></div></body></html> You can see the results of this on the right.
The important detail above is the class="GMapEZ" in the <div> tag; without that it would be treated like a regular <div> and no map would be displayed. Add a marker Multiple markers.