Question

Photo of Paul Tedder

0

We are on McKinley 6.5 but still getting an error on Interactive Maps

I have seen multiple threads on this on github and on Slack but I am still really struggling with getting the interactive map working with our groups.  When you click the interactive map icon, it seems to load the page, but then flashes to white and says "Oops, Something went wrong - The page didn't load Google Maps correctly, see the Javascript console for technical details.


  • When I go to our Google API manager dashboard, I don't see any errors - it doesn't even look like there is any type of connection between the API manager and Rock.
  • I've checked and rechecked the API Key and made sure it is the same key that is listed in Rock under >Global attributes >Google API key
  • I have Maps Javascript API enabled and Static Maps API enabled.  I also have Maps Directions, Maps distance Matrix, Maps Elevation, Maps Geocoding, Places API Web service enabled ... not sure why, but I do.
  • I can't seem to find any type of URL in Rock that I can attempt to copy and place into a browser that would bring the map up outside of Rock as I saw recommended on GitHub
  • I have no problem using the "map address" icon on the person profile page; also no issues with any of our Oauth ID's that I run through the same project in our Google API's account.


Can anyone give me some guidance on how to move forward?  I am completely stumped on what to try next.


Thanks!

  • Michael Garrison

    Paul, the javascript console the error is referring to can be accessed according to instructions at http://tinyurl.com/jscons - or in most browsers by pressing F12 and poking around in their UI until you see "Console". Please open the console and then click on the interactive map icon and see if any error message gets posted there. If so, please copy it in here.


    This sounds like a different issue than the static maps API that recently got fixed...to my knowledge, that resulted in broken images, not an error message like you're getting.

  • Michael Garrison

    I should have mentioned, the issue you were reading on Github was regarding the static maps on the group viewer page, not the interactive maps. So I don't believe that there IS a URL you could copy and paste in to test, in this case. It does beg a question though; is the static map showing up in your group viewer, just above the "interactive map" button that looks like a map marker?

  • Photo of Paul Tedder

    0

    Aaaah!  I should have realized that about the javascript console... thanks for pointing it out.  Here is the problem I'm having.  I've uploaded a screen shot of it, but it definitely seems API Key related.

     Screen Shot 2017-06-21 at 4.38.31 PM.png

    • Michael Garrison

      When I load the interactive map on the Rock Demo site (which does not have an API key entered), I get the NoApiKeys warning, but not the MissingKeyMapError message. The map shows up, but does not zoom or show the marker it would if a key had been correctly provided. Entering an invalid key results in an InvalidKeyMapError message, plus a different warning, and the display of the error message you're getting, but clearing the key returns to the former behavior.


      Without really knowing what's going on, I'd speculate that there may be an extra space or invisible character in the Google API Key Global Attribute. I recommend blanking out that attribute and saving it to make sure that you're not still seeing an error message, then re-enter your API key again.

    • Paul Tedder

      Michael, thanks, that was helpful. I did take the Key out and did get a different error along with the missing KeyMapError, I'll include a screen shot of those errors. In the Group Viewer, I am not getting the Static Maps, though so maybe there is something else going on? I do get the "static maps" when I am on a person record and click the map link there, just not in groups. Maybe we missed something in the configuration?

  • Photo of Paul Tedder

    0

    Screen Shot 2017-06-27 at 10.23.35 AM.png

  • Photo of Chris Kiser

    0

    Was there ever an answer to this? We’re running into the same problem on our environment. Thanks!

    • Paul Tedder

      Yes. This is no longer an issue. What I recall was the issue was that I was putting the API Key in the wrong location in Rock. Below is a screenshot of our window for the API Key. You'll notice that the default is blank; I believe I had entered a URL there. It doesn't go there. You need to enter it on the main screen under global attributes and not using the edit pencil.

  • Photo of Paul Tedder

    0

    API Key.png