Scalar 2 User's Guide

Google Map Layout

The Google Map layout plots the current page plus any content it contains or tags on a Google Map embedded at the top of the page. Every piece of content to be plotted must include dcterms:coverage or dcterms:spatial (either will work) metadata in the format decimal latitude,decimal longitude (which can be added using the 'Metadata' tab above). Each pin shown on the map will reveal the title, description, and link for its content when clicked. The rest of the page follows the Basic layout, with text and media interspersed.

Let’s walk through an example. I’m writing about architecture in Los Angeles. At this point my project contains several paths each of which cut through my material along a different vector. For instance, my readers can move along one path containing pages relating to individual architects; another related to design movements; and yet another containing pages related to specific architectural icons in the Los Angeles area. This third path is arranged chronologically, acting as a kind-of timeline for cutting-edge architecture in LA. But I’d also like my readers to be able to navigate those same pages discussing individual architectural structures geographically, not just chronologically. That is, I’d like my readers to be able to navigate those same pages -those same architectural icons- by way of a map.

Here’s a step-by-step process for accomplishing the above scenario. 

Step one: Gather metadata. First, I’d collect the latitude and longitude, expressed in decimal degrees, for each of the architectural structures I’d like to plot on a map.

Step Two: Add metadata. Second, I’d go to each of the pages discussing individual architectural icons and add metadata to those pages. In other words, I’d (1) go to the page in my Scalar project where I discuss the LAX Theme Building; (2) click on edit to go to the edit page; (3) click on “Metadata” just below the text editor on the edit page; (4) click “Add additional metadata”; (5) within the dialogue box that pops up, tick the box under “dcterms” for either “spatial” or “coverage”; (6) click “Add fields” at the bottom-right of the dialogue box; (7) enter the latitude and longitude for LAX (in this case, 33.9425° N, -118.4081° W) into the new field that I just added under metadata called either “dcterms:spatial” or “dcterms:coverage” (depending on which field I selected); (8) save the page. I’d repeat these steps for each of the pages I’d like to plot on the map, in each case, inputting the appropriate latitude and longitude. I’d then have several pages in my Scalar project, each discussing an individual architectural structure with geospatial metadata for the location of that structure added to its respective page.

Step three: Create a page that pulls your material together. Third, I’d create a page, called, for example, “Architectural Icons in Los Angeles” and then either (1) tag that page (“Architectural Icons in Los Angeles”) to all the pages for individual architectural structures to which I just added geospatial metadata or (2) make that page (“Architectural Icons in Los Angeles”) a path and select as items in that path all the pages for individual architectural structures to which I just added geospatial metadata.

Step four: Select the Google Map layout. Finally, I would set “Architectural Icons in Los Angeles” -the page that tags or contains the other pages- to the Google Map layout. To do this, I’d click edit on “Architectural Icons in Los Angeles,” and, once in the page editor, select “Google Map” from the drop-down menu under “Layout”

This page has paths:

This page references:

  1. Google Map Page Layout