In usability we trust

UX and all things web

Tag: Google Maps API 3

Adding Multiple Markers to Google Maps from JSON

Recently I’ve been receiving several emails from readers of my book, Beginning Google Maps API 3, that has a problem adding information to multiple InfoWindows when loading markers dynamically via JSON data.

In my book I have in fact described how to add multiple markers from JSON and how to attach unique InfoWindows to each of them. What I haven’t described is how to get the JSON-data to actually show up in the InfoWindows. This tutorial aims to describe how to do just that.

Continue reading

Calculating Distances and Areas in Google Maps API 3

As I mentioned in the article Extending Google Maps API 3 with libraries a couple of weeks ago, you can add functionality to the Google Maps API by using libraries. One of these libraries are the Geometry Library. In this article I will show how you can use the function of that library to calculate distances and areas. I will also explain some additional navigation functions that you might find useful.

Continue reading

45° imagery view in Google Maps

In the latest version of Google Maps API 3 (version 3.4) a new exciting feature is introduced: 45° imagery in selected cities around the world. This feature will let you see the world from a whole new angle. This change also calls for new properties and controls for the Map Object which will all be explained in this article. As a bonus I will also introduce you to another new feature, the brand new Map Overview Control.

Continue reading

Extending Google Maps API 3 with libraries

Google Maps API 3 is streamlined to include just the core functionality needed to create basic maps. It’s architected that way too ensure that the API will load as fast as possible. It’s unnecessary for the browser to download and parse functionality that’s not needed. If, however, you need to use specific functionality such as being able to measure distances or display ads, you can get this additional functionality by including a library in the API.

This article will describe how to do just that and what libraries that are currently available.

Continue reading

Dancing markers

The Google Maps API team recently added an eye catching new feature to the Google Maps API v3 which makes it possible to animate markers. This feature has been available in v2 for quite some time and occurs when you drag and drop a marker. It rises the marker up when you drag it and then bounces it into position when you drop it.

The API team however, wasn’t satisfied with just adding what was available in v2. They also added a drop animation similar to the one found in Google Maps on the iPhone. It looks like the marker is being dropped into place from above and then ends with a small bounce.

But they didn’t stop there either. They also added the ability to animate the markers at will. So now we can trigger the animation whenever we feel like it using the setAnimation() method of the Marker object.

Continue reading

My book is now available for pre-order

Here’s an update on how my book project is progressing. The good news is that I have signed a contract with Apress, so they’re going to publish it. I must say that I’m pretty excited about that. It was pretty awesome to see the book with my name on it on Amazon.

Continue reading

Beta chapter from my upcoming book on Google Maps API v3

blank_book_200I am in the process of writing a book about the new Google Maps API v3. I thought that I would make the process a bit more open by releasing beta chapters that some people might read and give feedback on. Hopefully one of those people is you!

Update: The book is finished and was published by Apress with the name Beginning Google Maps API 3. You can check it out on Amazon.com.

Continue reading

Google Maps API 3 – InfoWindows

Using InfoWindows is a brilliant way to display information about a certain location. Since they provides you with a space to put text or whatever HTML you please, they can be used in very interesting ways. In this article, which is the fourth in a series about Google Maps API 3, I will show you how to make good use of this great feature.

Continue reading

Google Maps API 3 – Markers

Markers are the perfect way to put places of interest on a map and that’s probably one of the most used features in digital maps. In this article, which is the third in a series about Google Maps API 3, I will show you how to use them in Google Maps API 3.

Continue reading

Google Maps API 3 – The basics

gmmlogoThe Google Maps API has evolved to version 3. This version is a complete rewrite and focuses primarily on speed. The new API also features new ways of using it. This article is the first in a series exploring version 3 of the Google Maps API. This first article will take a look on how to create a simple map and explain some differences from the previous version.

Continue reading