Google maps are a valuable resource when creating offers to accompany blog posts for your viewers. For example, if you’ve created a blog post on Easter egg hunts in your area, creating a downloadable PDF with a color-coded map is a great offer to include. Here is your step-by-step guide to create an interactive map for your website.
In this Article, we will cover:
How to Create an Interactive Map
The URL for creating maps through google is google.com/maps/d/home.
The options that are displayed are “Create a New Map”, or “Open a Map”. Select “Create New Map”.
Placing Location Pins on Your Map
Use the search bar at the top of the screen to search for your location. For example “Parks in Las Vegas”. All of the parks in Las Vegas will appear as green pins on your map, as well as in a list on the left side of your screen. Click the green pin on the map for the venue you’d like to select, and make sure the address is correct. To add the pin, simply click the “Add pin” icon.
Repeat this step for each venue you’d like to appear on your map.
Color Coding Your Pins
Google Maps allows you to color code each pin, which you can then correspond to your PDF list of venues. For example, if you’re featuring an Easter egg hunt at Town Square Park, you can have that link appear as pink in your PDF list, and then color code that pin on your Google Map to also appear in pink.
To change the color of a pin, in the left navigation area, click the red pin for the park listed. When you click that park’s name in the left navigation area, you’ll see a paint can appear on the right side of the park name. Click the paint can to reveal a color palette from which you can choose. Your map will then be color coded by pin to match the venues highlighted in your blog post and PDF download.
Title Your Map and Layer
At the top of the left navigation area, you’ll see text that reads, “Untitled Map”. Click the text to open an editing window. Here, you can change the name of your map, and add a description.
Example: Local Easter Egg Hunts in Las Vegas for 2015
Near the center of the left navigation area, you’ll also see text that reads, “Untitled Layer”. Click that text to open an editing window where you can change the name of the layer.
Example: Local Easter Egg Hunt Locations
Sharing Your Map
- Privacy Settings: Click the “Share” button under your map’s title.
- Here, you’ll see privacy options. Select “Public” so the map is viewable to visitors on the web.
- Embed Code: On the top right of the navigation area, next to the title of your map, you’ll see three vertical dots. Click these dots to expand options in a drop down menu. Select “Embed on my site”.
- A window will pop up with html code you can copy and then paste into your WordPress or other website.
- Include in Your PDF: Using the same vertical dots to access the drop down menu, select “Print Map”. Change the settings from portrait to landscape, and select “Image” as opposed to PDF. You can then insert that map image into the PDF with the list of Easter Egg Hunt venues you create as a downloadable offer for your viewers.
Create an interactive map using the Google Maps free service. By creating interactive maps for your website and to include in your PDFs provides great value to your viewers, who may be willing to exchange information in order to receive the download. By encouraging your viewers to provide their name and email address, along with a checkbox to specify whether they’re interested in your services, you convert that viewer to a lead.