Embedding a clickable county map in Confluence page Edited

I'd like to embed a map of Michigan that includes an outline of each county, so that when a user clicks on the county, they are sent to a specific link.


I was thinking of trying to embed a Google Map interface and then adding a layer for counties later. I used code taken from the Google tutorial:

    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 4,
          center: uluru
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=<my api key>I&callback=initMap">

But I'm struggling with that-- it doesn't appear on my page. I made sure that my API key is activated. The pre-existing page content gets shifted around as though the map was there, but it doesn't actually load:


Is there a better way to do this other than using Google Maps? I know there are a few map macros, but they seem to be out of date/no longer in use...

2 answers

1 accepted

This widget could not be displayed.
Ann Worley Atlassian Team Jul 21, 2017

It sounds like you are describing an ImageMap of a map of Michigan. Please consider Scroll ImageMap. You can install it as a trial and see if it works for your use case before you buy it.


I would strongly prefer to use a free piece of software, if possible, since there are so many available. I can't really afford to pay for one.

Ann Worley Atlassian Team Jul 21, 2017

You can also try the HTML macro. You can generate the ImageMap HTML by using a free utility like Easy ImageMap Generator.

This widget could not be displayed.
Steven Behnke Community Champion Jul 21, 2017

Try removing the <body> tags. Never ever include <head> or <body> tags within the page content, you'll break the visuals on the page and you scripts won't execute.

You should also post any errors that log to your Browser Console.

Suggest an answer

Log in or Sign up to answer
Community showcase
Posted Sep 17, 2018 in Confluence

Why start from scratch? Introducing four new templates for Confluence Cloud

Hi my Community friends!  For those who don't know me, I'm a product marketer on the Confluence Cloud team - nice to meet you! For those of you who do, you know that I've been all up in your Co...

580 views 7 6
Join discussion

Atlassian User Groups

Connect with like-minded Atlassian users at free events near you!

Find a group

Connect with like-minded Atlassian users at free events near you!

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you