·
Added a discussion

Hello all,

I am looking for a solution on how to fix an error message when trying to add a location. The error is from Google and it states "This page can't load Google Maps Correctly." Do you own this website? 

vi3pq55kj3g9vkn3dwzgdlqn7zvgm97y.jpg

I have looked around but am unable to find where to fix this issue. It occurs on Events, Organizations, Profiles and other pages that have the location field on them.

Chris

  • 2665
Comments
    • Hello Chris!

      It is possible if your site hasn't the connection with Google Map API. You may check it via Studio->Dashboard->Host Tools->Server audit, the value of parameter "allow_url_fopen" (should be green "on"). Also please specify - is your Google Map Api key is active and you pasted it properly to Studio->Settings->General area?

      PS Some details you may find also here https://una.io/page/view-discussion?id=623

      • Hi, I am having the same issue with location fields giving the error "This page can't load Google Maps correctly. "  Currently i have found this issue on the event pages although i have not got round to checking on other areas.

        As recomended in the previous post i checked that allow_url_fopen was on

        I have a valid api key that runs (and works) on our other sites.  This has been added to the una settings.  The sub domain which our una installation runs on has been added to the Google API project settings.  From the source code I can see that the api key is present in two places, the link to call the file on Googles server and lower down in conditional statement.  

        In the dev console it reports that "This API project is not authorized to use this API".

        I wondered if the sub domain was a problem, perhaps UNA did not call the javascript file from the sub domain.  So i added a new key that had no restrictions on it, the same problem happened.

        Looking at the source code UNA calls the js file differently to that which Google recommends.

        Google recommends: src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"

        UNA calls:   src="https://maps.google.com/maps/api/js?libraries=places&language=en&key=YOUR_API_KEY"

        The difference is highlighted in bold

        The full recomended call to Google is: 

        <script async defer src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
          type="text/javascript"></script>

        I hope someone from una is reading this as it looks like it is a coding issue rather than a settings one and thus out of my control to fix.

        While i am here there is another issue in the event section, this shows up where the Upload New Event Picture should be: a:1:{i:0;s:22:"bx_events_picture_crop";} 

        Kind regards

        Mark

        • Hello Mark!

          Well, our URLs for the Google maps are valid according to this manual https://developers.google.com/maps/documentation/urls/guide , so seems this is not the reason. May you please provide me your UNA operator access via Messenger?

          • Hi

            Thanks for your reply Leonid. Im still building our network and haven't got messanger up and running yet.  

            I looked at the page you recomended,, if you click on the Maps javascript maps API link on the left of that page ( https://developers.google.com/maps/documentation/javascript/tutorial ) you'll see in their demo that the correct link is the one I included in my previous post: 

            script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
                async defer

            Kind regards

            Mark

            • Just thought i'd let anyone reading this thread I fixed this issue.  It was because the addition of locations to UNA needs the Places API turned on in Googles Cloud Platform.  This is in addition to the Javascript Maps API.  Hope this helps.

              • Agreed - Places API activation fixed this for me too (also have AQB Locations module)

                • Resurrecting this thread...

                  For the 'location' portion of the Status Update, when I turn it on, the API pulls my complete address.  Is there a way to restrict it to City and State/Region?  

                  Login or Join to comment.