Category Archives: Tutorials

  • 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 … 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 … Continue reading →

  • Dynamically Toggle Markers in Google Maps

    This article explains how to dynamically toggle the visibility of markers in Google Maps as well as how to deal with an annoying bug that occurs when trying to do this while using an utility library, like the MarkerManager.

  • Non-modal alert with jQuery

    In circumstances where you want to notify the user of something, like for example that some information have been saved, a non-modal alert is an excellent solution. It gets your message across without being intrusive and without the need for … Continue reading →

  • Creating a Submenu in WordPress

    For a project I’m currently working on I wanted to create a submenu that included the parent page as well as the supbages. I just wanted to display the submenu only if the parent page had subpages. Searching the WordPress … Continue reading →

  • Working with Info Windows in Google Maps

    Having Info Windows in a Google Maps is a powerful way of displaying information about a specific point or object. Did you know that there are several kinds of them? In this article I will show you how to add … Continue reading →

  • Handling Large Amounts of Markers in Google Maps

    To use markers in Google Maps is fairly trivial, at least when you have a reasonable amount of them. But once you have more than a few hundred of them, performance quickly starts to degrade. In this article I will … Continue reading →

  • Basic operations with markers in Google Maps

    Markers is one of the core features in Google Maps and an effective way of displaying places on a map. In this article I will show you how to add a basic marker to a map and also how to … Continue reading →

  • Unobtrusive Google Maps

    When developing web applications we can never be sure what the environment for the user is. He could for example use our application from a mobile device with a browser with limited Javascript support. Like Roger Johansson pointed out in … Continue reading →

  • Simple maps with the Google Static Maps API

    Google Static Maps API is an easy way to provide a map when the user doesn’t have Javascript available. Sure it’s not near as powerful as the full Google Maps API but still, it can provide you with a basic … Continue reading →