Skip to main content
  1. Home
  2. Support
  3. Questions

How do I add a Google map to a page?

Matthew Pancione By 
March 12, 2013

I would like to have a Google map on my about page that shows the location of our office. Can that be done without using an iFrame or extra coding?

Official response from

When Google updated its map app, they removed the ability to embed a map without iFrame.

First, learn how to embed a Google Map, and paste the embed code into the template of the page.

Detailed instructions on how to embed code to display on webpage are available.

Share this post

Showing 10 reactions

How would you tag this suggestion?

Sign in with

Please check your e-mail for a link to activate your account.
  • NationBuilder Support
    responded with completed
    posted 2016-06-27 17:46:00 -0700
  • C.J. MinsterCheng
    NationBuilder employee
    commented
    Andres, I apologize that the instructions were out of date. Google updating their map app and maps cannot be placed using embed.ly.
    posted 2014-12-03 12:25:11 -0800
  • Andres Acero
    commented
    I am not able to get this to work. When I go directly to the embed.ly website it works perfectly fine with the link i’m trying to imbed (“”http://www.google.ca/maps/place/All+Saints+High+School/45.321616,-75.925258,17z/data=!3m1!4b1!4m2!3m1!1s0x4cd2003dfe3b5d29:0xa56f7abf6ed7486d">http://www.google.ca/maps/place/All+Saints+High+School/45.321616,-75.925258,17z/data=4b13m1!1s0x4cd2003dfe3b5d29:0xa56f7abf6ed7486d)
    posted 2014-11-05 18:27:25 -0800
  • Adam Taylor
    commented
    I’ve been dreaming of being able to use google custom maps within my NB maps for a while now. Is there any way that this could happen? If a map of a list could be opened by the advanced version of google maps, a walk route, and even public transport options to get to the area could be offered. It’d be the most amazing thing to give to a new vollie. Fool proof. It seems like we are already using google maps, its just a matter of signing up for advanced ones. I for one would be happy to pay for the upgrade on our end….If anyone has a work around I’d love to hear about that as well.
    posted 2014-07-30 21:36:14 -0700
  • Ian Patrick Hines


    Certified Architect
    Certified Expert
    Certified NationBuilder Architect Certified NationBuilder Expert
    commented
    Mark — You can embed just about anything on an individual page using the page-level template editor. Take a look at this FAQ on embedding a Tagboard. The directions will start to become generalizable / relevant at Step #5. http://nationbuilder.com/how_can_i_embed_a_tagboard_on_my_website
    posted 2013-10-15 21:33:59 -0700
  • Mark L
    commented
    Since this article was written, Google has introduced the awesome Maps Engine – which allows you to create really powerful maps. Only problem is that a) Nation Builder won’t accept Google’s own embed code and b) Embed.ly doesn’t recognise the mapsenginge.google.com URLs as a source of embaddable content.

    How can we get MapsEngine maps embedded? A sample one is http://mapsengine.google.com/map/embed?mid=zgnTHfDtl8lw.kDVRSBvSyLqk
    posted 2013-10-13 15:27:02 -0700
  • Ritesh Sanan
    commented
    How do you contain the height and width of the map, using the method you describe?
    posted 2013-08-18 04:51:43 -0700
  • Ian Patrick Hines


    Certified Architect
    Certified Expert
    Certified NationBuilder Architect Certified NationBuilder Expert
    commented
    Custom Google Maps use a slightly different URL structure, which is not supported in the same way by Embedly (the third-party embedding service we use to render the maps).

    For those maps, you’ll want to use the embed code (rather than the URL of the map). The embed code can be found on the same window as the link (Step 3 above), but in the field below it.

    Once you have the embed code, you’ll need to embed it on your page level template. Check out this FAQ on embedding a Moot Forum for an example of how to add an iFrame to a Basic page. (Specifically steps 8 and 10.)

    http://nationbuilder.com/tweetwithpete/embedding_moot_forums
    posted 2013-06-14 15:53:11 -0700
  • Emmanuel Kabahizi
    commented
    I tried with custom map and this didn’t work https://maps.google.com/maps/ms?msid=207000892575319581944.0004a0d63bac257f331d5&msa=0&ll=43.655577,-79.437332&spn=0.030925,0.06978
    posted 2013-06-14 09:26:36 -0700
  • Matthew Pancione
    responded
    posted 2013-03-12 14:19:37 -0700

Status key

  • Answered: The question has been officially answered
  • Incomplete: More information is needed to answer the question