Hello 👋 welcome to the map. Please choose a view:

To embed the map, place the script tag and the target div on the page, like this:

<div id="map-embed" data-app="powerup" data-campaigns="global-power-up"></div>
<script src="https://map.350.org/cjam-embed.js" defer></script>

Customizing your map embed


The embed uses an iframe, which means sometimes it will have an ugly border or odd spacing. It is the responsibility of the site that the map is going on to make sure that the iframe is styled correctly. For example:

  #map-embed iframe {
    border: 0;
    width: 100%;
    max-width: 900px;

The map will appear wherever the "div" goes, but the script tag can be placed anywhere. If the map is at the top of the page and needs to load immediately, remove the word "defer" from the script tag, and make sure it"s placed somewhere after/below the div.