topic Re: Google Maps not load correctly in Alfresco Forum

Google Maps not load correctly

billydekid — Thu, 22 Jun 2017 09:45:23 GMT

Hi,I recently have a strange problem when any photos with geo-tagging unable to load into Google Maps.From Javascript console, the error message was clear: MissingKeyMapError (see file attached)I try to delete /share folder but still no luck.Following are my Alfresco version (installed on CentOS 7):

Re: Google Maps not load correctly

calvo — Thu, 22 Jun 2017 10:26:19 GMT

Hi,

Google Maps needs API Key to consume this services.

In my case, I solved this issue as follows:

First we have to generate our APIKey form Google. More information:
https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ES

After that, the quick solution (maybe not the best) is to modify this files (the best option is to extend share):
[Alfresco]\tomcat\webapps\share\components\geographic\google-map.js
[Alfresco]\tomcat\webapps\share\components\geographic\google-map-min.js

In both files, when we make a request to Google Maps, we will add a parameter "key=OUR_API_KEY", so the url will be:

script.src = window.location.protocol + "//maps.google.com/maps/api/js?sensor=false&key=OUR_API_KEY&callback=Alfresco.component.GoogleMap.Callback";

Regards,

Re: Google Maps not load correctly

billydekid — Thu, 22 Jun 2017 10:49:33 GMT

Hi calvo _‌

On my previous/other installation -- and I was thought it was default configuration -- that API Key is not required, until this happened.

Actually the correct map was loaded for a milliseconds, and then switched to error page.

This View a file on Google Maps | Alfresco Documentation also not mention about the API Key to view a file on Google Maps.

Anyway thanks for your tricks.

[bayu]

Re: Google Maps not load correctly

calvo — Thu, 22 Jun 2017 11:16:25 GMT

Hi Bayu Widyasanyata‌,

Me too. I had the same behaviour "the correct map was loaded for a milliseconds, and then switched to error page", so I changed that couple of files and it works (version 201704).

Anyway, I will appreciate any other solutions from the community 🙂

Thank you so much

Regards,

Re: Google Maps not load correctly

billydekid — Thu, 22 Jun 2017 12:16:30 GMT

Hi calvo _‌,

Following some points after my little research on my platform:

Virtualbox, host: Win10, guest: Ubuntu 16.04.2; 2 network ethernets: 1 bridged adapter with DHCP 192.168.1.0/24; and 1 for host only adapter 192.168.56.101;
Alfresco accessing with localdomain (e.g. http://alfresco.dev:8080/share/page) and this URI was put on my Windows' hosts file (as local DNS) >> e.g.: 192.168.56.101 mapped to alfresco.dev.

Here are the results:

Both version 201704 & 201702, running on default ports (8080), accessing with localdomain (not IP address) are unable to load Google Maps; but accessing with IP is success.
My another Alfresco installation with NginX as reverse proxy (port 80 and 443) to Alfresco (8080 and 8443) is success to access geotagging file format.

I haven't known yet why IP address and NginX has the right-answer for the problem. 😞

Thank you,

[bayu]

Re: Google Maps not load correctly

billydekid — Fri, 23 Jun 2017 04:28:24 GMT

I want to update my latest research regarding this issues:

I then add nginx onto one of my installation (201704) which I expect will solve the issue. The result is fail. URI accessed is alfresco.dev.

But when I changed to same uri/hostname (alfrescoecm.dev) with another alfresco which successfully loaded Google Maps, then the photo can be loaded normally. (point #2 on my answer above)

So, it looks my hostname (alfrescoecm.dev) is already "white-listed" by Google Maps to access without key ("anonymous").

For my another machine hosted on Internet, this problem is not affected.

Hence, summarizing: problems found on localdomain hostname which hasn't been "registered"/"whitelisted" to Google Maps API key.

If anyone has another experiences and solutions, pls share... Thanks,