Embedding a clickable county map in Confluence page
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:
<body>
<h3>My Google Maps Demo</h3>
<div id="map"></div>
<script>
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>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=<my api key>I&callback=initMap">
</script>
</body>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
AnnWorley
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
AnnWorley
Atlassian Team
Atlassian Team members are employees working across the company in a wide variety of roles.
Michelle Rau HP
Rising Star 
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
Steven F Behnke
Rising Star
Rising Star
Rising Stars are recognized for providing high-quality answers to other users. Rising Stars receive a certificate of achievement and are on the path to becoming Community Leaders.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.