Displaying a round-the-world itinerary using Google Maps Part 3

After creating a basic map for our round-the-world itinerary and then adding photos when placemarkers are clicked, today we’re going to add some handy labels to the map to show rough dates for when we’ll be arriving in a particular location.Our labelled map

With the loading working well, it was a fairly simple matter to create the text we need at fixed locations in the map. To make it look nice I did complicate my life slightly, and have the label creation triggered by the creation of a particular placemarker. It just makes the whole thing look cleaner.

<html>

  <head>

    <style>

      html,

      body {

        padding: 0;

        margin: 0;

      }

      #map {

        height: 100%;

        width: 100%;

        overflow: hidden;

        float: left;

        border: thin solid #333;

      }

      h3 {

        margin: 0 0 5px 0;

        white-space: nowrap;

        overflow: hidden;

Read more