OBIEE 12c Simple Google Maps Report Using a Narrative - Blank map?

chillychin

As the holidays approach, I find myself with a pocket of spare time where I want to try and dive into maps and OBIEE.

Im mainly looking to use google maps with OBIEE 12c.

From what I understand, it looks like I have two options.

I can use mapviewer, and use google maps as a background layer? I did brief research on this but have not dove into it deeply yet.

While researching the above I came across this article that talks about using a narrative for google maps.

https://gianniceresa.com/2016/10/google-map-in-an-obiee-12c-analysis/

Following this it seemed straight forward enough.

I created a Google API key and believe its working correctly (tested it using google samples and jsfiddle)

I then proceeded to where it specifies code to put into an OBIEE report narrative

Code

<div id="map"></div><script>  var map;  function initMap() {    map = new google.maps.Map(document.getElementById('map'), {      center: {lat: -34.397, lng: 150.644},      zoom: 8    });  }</script><script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"async defer></script>

I inserted this code into a narrative (specifically the narrative section here)

I updated my instanceconfig file to handle CSP errors, but my report remains blank.

Im just trying to get a map to display in my report, and will proceed to play around with it. But I cant even seem to get any map to display at all.

Am I missing something?

Aside from something missing, is this method of using google maps in a narrative also "not recommended"?

As I see a lot of people talk about going through mapviewer.

Not quite sure what is the "best" or recommended way of doing things