This resource guide was originally crafted by ITF Maggie Galvan, based on a guide created by CCNY ITFs Logan McBride and John Sorrentino.

Maps Marker is a WordPress plugin that allows you to create a map with marked locations. For each of these locations, you can create content such as text, photos, links, etc.

You’ll use the two map-making functions—layers and markers—of Maps Marker together. The following tutorial will lay out the basic steps of making a map, which we covered together in class demonstration.

Layers: Delineating the Territory of Your Map

  1. Add New. To start, you’ll need to create a layer for your chosen neighborhood. Click “Add new layer” in the submenu.
  2. Name It & Find It. Give your layer your last name. Then, search for the neighborhood in the location search bar (or by zooming in on the NYC area default layer map). As you’ll see, this search area is powered by the all-knowing Google, which effectively means that you don’t need to be super-precise for Maps Marker to find your neighborhood on the map. Searching by the neighborhood’s name should get you there, or nearly. Alternately, you can click the box to “switch to advanced editor” at the top and enter latitude/longitude coordinates.
  3. Find Your View. You’ll then want to zoom in and drag the map around to find a map view that shows most of your neighborhood.  Try out zoom level 15 (specified to the left of the map). This view will be the overall view of your neighborhood that you populate with points of interest.
  4. Publish It. When you’re satisfied with your layer, click the green publish button at the top of this editor area. If you click “List all layers” in the Maps Marker submenu, you’ll now see your layer listed along with the rest.

Markers: Identifying the Places You’ve Lived

  1. Add New. Now you need to populate your map with specific points. This is where the markers function comes in. Click “Add new marker” in the submenu to get started.
  2. Name It. You’re now in the markers editing area, which has a similar feel to the layers area, but there’s a lot more here to be done! Start off, as you did with your layer, by giving your marker a meaningful name.
  3. Find It. Search for the location of your marker by address or other means (cf. step #2 in layers). If you use the search box, Maps Marker will suggest a location for your marker. You can move this marker simply by clicking inside the map area. You may want to change to zoom level 15 or closer to make sure you’ve got your marker in the right place.
  4. Assign Layer. Next, look to the left of the map where you’ll find, right under the zoom mechanism, a drop-down menu where you can specify your layer. Click this drop-down and select the layer you created above.
  5. Choose an Icon. Now it’s time to scroll down the page and see all the fun you can with your marker. Right under the map, you’ll see the standard blue marker that’s being used to mark out your location in the map above. Next to that, you’ll see a link that says “show more icons.” Click it, and a whole host of other icons will become available. What icon you choose may depend on how you decide to structure your map.
  6. Add Text, Etc. The next area is a text editor similar to the one you use when publishing posts in ePortfolios. Like in the post editor, you can add a wide variety of content and media here.
    a.    Add any descriptive or informational text about this point of interest.
    b.    You can also add images, media, links, etc. here.
  7. Publish It. Click publish on the bottom of this editing screen to add your marker to the layer.
  8. Rinse, Repeat, Check. Repeat the above steps to add additional markers. If you view your layer (through the “List all layers” submenu), you’ll see any markers assigned to that layer in the editing area for your layer. You can also check that your marker is correctly assigned to a layer by going to the “List all markers” submenu, finding your marker, and checking the layer column.

Making Your Map Visible!
Once you’ve made a few markers, you may want to see how your whole map looks. To do this, you will need to add a shortcode for the map to a post or page. A shortcode is a short, square-bracketed line of text that will easily call up the code for the map (rather than you having to copy and paste a bunch of PHP or other code, which just ain’t easy or allowed). There are two ways to do this:

  1. Go to the “List all layers” submenu. Find your layer in the list and find the shortcode for your layer in the last column. It will look like this: [mapsmarker layer="SOME NUMBER"]. Copy that shortcode, bracket to bracket, and paste it into a post.
  2. Alternately, once you’re in the post editor for a particular post, you’ll notice that there is an “Add Map” button next to “Add Media” near the top of the post editor. When you click that, you’ll see a list of layers and markers you can add to your post. Find and click yours, and, voilà, your shortcode appears. This option may become a little unwieldy as everyone starts to add layers and markers.

See a sample map that Jake made here.