Knowledge Base

Builder brands: How to add a map

When you think about a service-based website or a website that's informing people of dates, times, places, or locations, it only makes sense to provide your people with a visual reference like a Google Map. Google Maps isn't just for business purposes either; imagine you're doing a fundraiser for youth sports, or maybe you're creating a historical page for a city or town. Ideally, showing where you're coming from is essential!

This article will cover how to add an interactive map to help viewers visualize your location and find you faster. We will also discuss some basic settings available to enhance your map.

Adding a map

  1. To begin, click on Edit Site from your account dashboard.

    Edit Site
     
  2. Navigate to the Elements tab in the left-hand menu from the main design dashboard.

    Navigate the Elements Tab
     
  3. Search for Maps or click on the element from the left panel.

    Search for Maps
     
  4. Select the Google Map element.

    Select the Google Map Element
     
  5. After you click the Google Map element, you can drag and drop the map anywhere on your page.

    Drag and drop the Google Map Element
     
  6. Once you place your map, the Map toolbar will appear, where you can adjust some basic settings.

    Map Toolbar
     
    • Add Map Markers or visual points onto the map.

      Add Map Markers
       
    • Change Map type from road maps to terrain or satellite view, and more.

      Change Map Types
       
    • Adjust the Interactive Map Settings and Street View.

      Adjust the Interactive Map Settings
       
    • Zoom In or Out of the displayed map.

      Zoom in and out
       
    • Attach a link to the map. 
    • Add an animation to the map.
    • Bring the map forward/backward in regard to other elements.
    • Delete the map.
    • More

      Delete the Map
       
  7. Click on More from the map toolbar to reveal an expanded toolbar.

    Click on More from the Map Toolbar
     
  8. From this Larger toolbar, you can:

    Larger Toolbar
     
    • Change where the Map Docks on the page
    • Add Drop Shadow
    • Add Glow
  9.  Be sure to Save and Publish your site to save the changes.

    Save and Publish
     

 

Advanced settings

Although there are many of the same options in the Settings as in the map toolbar, you can adjust many more settings from this section. Some more essential options are SEO elements, behaviors or style, size & position. The best recommendation is to start by getting in there and testing all the options to see what they do.

ADjust the Map Settings
 
Pro tip: The map element is interactive and allows visitors to zoom, navigate, and even access a street view of your location, just as if they were using Google Maps. You can resize the map to fit the width of your page or keep it small as it is. Many websites feature a Map next to their contact form or event details page.

 

Get practical tips and product updates on LinkedIn. Follow Network Solutions