Fun with Google Maps

Google Maps launched a couple of weeks ago, and is another dramatic victory for dynamic web applications. If you haven’t seen it yet, go check it out (IE/Windows or Firefox/Mozilla only at the moment, but Safari support is “coming soon”). It’s a really impressive piece of work, with the main “wow” factor coming from the dynamic panning – just drag and drop to move around the map, with new map tiles loading seamlessly in the background.

Other features include smart route plotting (search for washington dc to chicago for an example), keyboard navigation and integrated search results from Google Local. It’s already giving established map sites a run for their money, with its only real weakness being a complete lack of coverage of areas outside of North America.

But how does it work? Look under the hood and you’ll find a surprising mix of technologies. Remote scripting (communicating with the server without reloading the page) is achieved using both XMLHttpRequest and invisible iframes, with the iframes used because unlike XMLHttpRequest they integrate sensibly with the user’s back button. Add to that both XSLT and VML (Microsoft’s SVG alternative, introduced before the SVG specification was standardised) and you’ve got one of the most advanced web applications I’ve ever seen on the public internet.

jgwebber has an excellent dissection of the client-side bits, and there’s a thread on my other blog discussing some of the inner workings.

Figuring out how it works is only the half of it; there’s a growing collection of hacks for the service. Jon Udell pointed out a hidden XML interface to the underlying data, which has now been discontinued. Even better, the libgmail project has posted a number of bookmarklets which directly manipulate Google Maps, including some which can animate the routes suggested by the service (see Jon Udell’s screencast). They’re great fun to play with and reveal even more details about the JavaScript API. The Google Maps tile grabber is fun as well.

It’s all exciting stuff, but I can’t help but feel slightly concerned. For all its bells and whistles, Google Maps is similar to GMail in that it remains completely inaccessible without a modern, JavaScript-enabled desktop browser. Building applications like this that gracefully degrade may be harder but it’s certainly not impossible, as smartly demonstrates. I hope that in the exciting new gold rush towards truly dynamic web applications recent advances in the fields of accessibility (both for users and platforms) are not forgotten.


Category: javascript Time: 2005-02-22 Views: 2

Related post

  • Google-maps Events: can I get them with google-maps api? 2010-12-14

    I've just seen that google maps has an option "Events" in few cities (london, Zurich,... etc) Is there a way to get these results with google maps API ? I need them for a project. thanks --------------Solutions------------- There is no events fu

  • Search restaurants (POIs) along a route with google maps 2010-07-12

    This weekend I was on a 7h trip and looking for the next favorite restaurant along the route. All had was an android cell phone and a pretty slow internet connection. My first try was the hompage of that fast food company but that was not optimized f

  • Map functionality when using a designed map with Google Maps 2011-11-09

    I'm working on a site that has a designed map of the US with market areas. There is currently only one market area per state. Once a market is clicked on, it will go to a Google map of the market with multiple marked locations within. My question is:

  • How to insert reversed map with Google Maps API? 2012-02-20

    Is there a way to put map with Google Maps API to a website, but upside down? North must be down, and south up. Is there any possible way to do it? I really need to put map that way and I need really fast solution. --------------Solutions------------

  • Showing nearest franchise location with Google Map 2012-03-11

    Can I share a link with Google Maps, that will request user for his location & show nearest franchise location of X company? Example: User click link-> Location Request & Provided -> Show nearest X company location. If not is there a way to

  • OpenLayers.Layer.Markers Does not works with Google maps 2013-03-29

    Hello I am currently Testing OpenLayers, but I have a problem with the markers, the markers that I add with OpenLayers does not work with google maps, all marks appear in the center of the map, not in the position that I established with open layers.

  • How to hide/show groups of markers by category with Google Maps for ExpressionEngine module 2013-04-02

    I'm looking to do something like what is done right here. So here's the breakdown of what I need to do: Have markers grouped by category Have a checkbox (or anchor) for each category When anchor/checkbox is clicked the markers associated with that ca

  • Comparing features in GIS interface with Google Maps/Bing Basemaps - Which Co-ordinate system to use? 2013-07-31

    I want to compare some Geographic features in my data with Google maps in ArcGIS platform using a third party application. But I prefer the output to be in Local UTM cordinates. What is the best practice? (a) Use the WGS_1984_Web_Mercator_Auxiliary_S

  • Google-bot sees "Sorry, we have no imagery here" on pages with Google Maps 2013-09-21

    I have a site with Google Maps on most of the pages. When inspecting content keywords in Google Webmaster tools, content keywords identified by Google-bot for the site include "imagery", "sorry" and "here". These turn out to

  • Drawing polygons with Google Maps using local shape data 2013-10-27

    I am trying to draw a census tract on a Google map. It looks like Google Maps lets you draw polygons using longitude and latitude coordinates. However, the data that I have is not longitudes/latitudes. The specific dataset I have looks like this. The

  • Getting Started with Google Maps Recipes 2014-11-20

    There are many ways to add a Google Map to a web page. Google offers a variety of map types whose use depends essentially on your needs. Without taking into account some specific uses (APIs for Places or Earth for example) the types of maps most comm

  • Integration with Google map 2015-02-19

    I want to integrate our system with google map. Like if address found in the system it should locate address in google map. --------------Solutions------------- Not sure if you have looked into the new maps & location feature introduced in Spring 15

  • Using ArcGIS API for Timeslider with Google Maps API? 2015-03-18

    Is it possible to use ArcGIS API for a Timeslider with Google maps API? If this is not possible, then is there some other way I can use a timeslider outside of ArcGIS?

  • How can I invite people to add a marker to a map created with Google Maps My Maps? 2016-01-18

    Background: I am looking into the ways of inviting people to add markers to a map that I created using My Maps of Google Maps. I know that I can share the link to the map with editing rights but ideally I would want people to fill in a form to provid

  • Is it possible to query a MySQL database using the results from map.getBounds() with Google Maps API v3? 2011-03-13

    I have a MySQL database that contains a large number of polygons, one for each district on a map. They are all quite complicated and it's unrealistic to simply load them all at once. I've looked into using MarkerManager for Google Maps API v3 and thi

  • How to map our data with Google Map data 2011-07-30

    I want to add all the bus route data and create a route finding app for my country since Google map has no data about bus routes in my country but with JavaScript API i could get the shortest path between two cities. e.g if i am going to D from A. it

  • Integrate MarkerClusterer with Google Map V3 2011-09-26

    I'm having trouble getting the MarkerClusterer into my current Google Map (which has taken a long time to get this far!!). How can I combine the two? I'm using V3 of the api. Here's the example I'm working on Here's t

  • Javascript for draggable, zoomable map with Google-Maps-like features 2011-12-01

    I'm looking for a JavaScript-based tool for displaying draggable, zoomable maps. It has to have the following features: Can add markers, labels, balloons (a la Google maps) Must be scriptable after creation (so I can add or update content on the fly)

  • How to implement routing with Google Maps in Wordpress? 2012-02-04

    I need to add Google Map with about 400 markers into WordPress site (into one page). Every marker needs to have info window with photo, description and link. It is really high number of markers, so I'm not sure what is the best way to implement that

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development


Front-end development


development tools

Open Platform

Javascript development

.NET development

cloud computing


Copyright (C), All Rights Reserved.

processed in 2.400 (s). 13 q(s)