This Help forum is for issues relates to the latest release (1.7.8). For issues related to beta or github version please use their own Help forum.
Before asking for help please read "How to request help" by clicking on that tab above here."

TOPIC: Google Maps not working

Google Maps not working 1 month 2 weeks ago #1

  • tthdoc
  • tthdoc's Avatar
  • Offline
  • New
  • Posts: 21
When I leave the API key blank in the settings for the Google Maps module and go to the Google maps tab, I get the following popup message "This page can't load Google Maps correctly." and do you own the website. If you click OK, you still see the maps, just with the development watermark. I got an API key from google and put it into the settings. Now when I go to google maps, the map goes blank with the following message:

Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details.

What am I missing?

Thanks,
Doc
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #2

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Posts: 11741
> This page didn't load Google Maps correctly. See the JavaScript console for technical details.
> What am I missing?

Presumably, there is further information in the Javascript console.

What messages do you see there?
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #3

  • tthdoc
  • tthdoc's Avatar
  • Offline
  • New
  • Posts: 21
I cleared the console and then went to google maps tab. Here is what came up (I just did a copy/paste)


16
js?v=3&key=AIzaSyB8z…&language=en-US:102 GET markowfamily.com/newfamilytree/themes/my...00_002940_40x100.png 404
_.Cg @ js?v=3&key=AIzaSyB8z…&language=en-US:102
RM.m @ controls.js:171
(anonymous) @ controls.js:130
_.p.th @ js?v=3&key=AIzaSyB8z…&language=en-US:195
setTimeout (async)
_.kg @ js?v=3&key=AIzaSyB8z…Q&language=en-US:96
_.p.start @ js?v=3&key=AIzaSyB8z…&language=en-US:195
_.mg @ js?v=3&key=AIzaSyB8z…Q&language=en-US:97
RM.addElement @ controls.js:169
sM @ controls.js:116
yM @ controls.js:112
_.p.Lk @ controls.js:176
(anonymous) @ map.js:93
Promise.then (async)
O @ map.js:93
(anonymous) @ map.js:86
(anonymous) @ common.js:115
et @ map.js:5
ft @ map.js:5
(anonymous) @ map.js:7
Promise.then (async)
gt @ map.js:7
(anonymous) @ map.js:57
(anonymous) @ map.js:44
requestAnimationFrame (async)
Ts @ map.js:1
Pu @ map.js:43
(anonymous) @ map.js:46
eI @ map.js:94
(anonymous) @ map.js:95
load (async)
_.S.addDomListener @ js?v=3&key=AIzaSyB8z…&language=en-US:163
hv.l @ map.js:94
(anonymous) @ js?v=3&key=AIzaSyB8z…&language=en-US:112
Promise.then (async)
hh @ js?v=3&key=AIzaSyB8z…&language=en-US:112
loadMap @ VM240:151
eval @ VM241:1
globalEval @ jquery.min.js:2
ua @ jquery.min.js:3
append @ jquery.min.js:3
(anonymous) @ jquery.min.js:3
K @ jquery.min.js:2
html @ jquery.min.js:3
(anonymous) @ jquery-ui.min.js:10
setTimeout (async)
(anonymous) @ jquery-ui.min.js:10
i @ jquery.min.js:2
fireWith @ jquery.min.js:2
z @ jquery.min.js:4
(anonymous) @ jquery.min.js:4
load (async)
send @ jquery.min.js:4
ajax @ jquery.min.js:4
load @ jquery-ui.min.js:10
(anonymous) @ jquery-ui.min.js:6
_create @ jquery-ui.min.js:9
(anonymous) @ jquery-ui.min.js:6
_createWidget @ jquery-ui.min.js:6
e.<computed>.<computed> @ jquery-ui.min.js:6
(anonymous) @ jquery-ui.min.js:6
each @ jquery.min.js:2
each @ jquery.min.js:2
e.fn.<computed> @ jquery-ui.min.js:6
init @ individual.php?pid=I…&ged=MARKOW.GED:323
getInstance @ individual.php?pid=I…&ged=MARKOW.GED:369
(anonymous) @ individual.php?pid=I…&ged=MARKOW.GED:375
common.js:79 Uncaught TypeError: Cannot read property 'prototype' of undefined
at common.js:79
at Object._.Jc (js?v=3&key=AIzaSyB8z…Q&language=en-US:52)
at a (common.js:79)
at jo (common.js:79)
at common.js:82
at $n.m (common.js:150)
at Object.c [as _xjbixl] (common.js:77)
at AuthenticationServic…icLuQ&token=43861:1
(anonymous) @ common.js:79
_.Jc @ js?v=3&key=AIzaSyB8z…Q&language=en-US:52
a @ common.js:79
jo @ common.js:79
(anonymous) @ common.js:82
(anonymous) @ common.js:150
c @ common.js:77
(anonymous) @ AuthenticationServic…icLuQ&token=43861:1
32
ui-bg_flat_100_002940_40x100.png:1 GET markowfamily.com/newfamilytree/themes/my...00_002940_40x100.png 404


Thanks,
Doc
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #4

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Posts: 11741
When you get the message "See the JavaScript console for technical details.", there is usually a user-friendly, human-readable message in the logs.

> I cleared the console and then went to google maps tab.

Maybe clear the console before you load the page (not before you load the tab.)
It could have been created as part of the page load.

If you still don't see it, then I don't know.
I haven't used Google Maps for several years.
All the projects I'm involved with have switched to OpenStreetMap.
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #5

  • tthdoc
  • tthdoc's Avatar
  • Offline
  • New
  • Posts: 21
Ok, so now I am confused. When you go to the webtrees home page and click on demo, you see a site that has the google maps tab on the individual pages, and also gives the same for development only error messages. So when you say you haven't used Google Maps for several years, why is it still in webtrees? Be that as it may, can OpenStreetMap be incorporated into the current working version I am using with webtrees?

Thanks.
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #6

  • andrewg_oz
  • andrewg_oz's Avatar
  • Offline
  • New
  • Posts: 5
I had somewhat similar issues setting up my father's webtrees website.

Have a read of: developers.google.com/maps/documentation/javascript/get-api-key

You need to have a billing account with the Google Cloud Platform. You need to get an API key, then make sure there are no restrictions that might prevent it working. My key is set for "HTTP referers" and "*.mydomainhere.com/*" and no API restrictions.

I set this up initially about a year ago and got some sort of "first year free" thing that recently expired. That resulted in "This page can't load Google Maps correctly" and "For development purposes only" messages. I had to "upgrade" my account status so it could be billed and those messages went away. Even though I can be billed it's always way under the $200 monthly credit.

When I visit the webtree demo site and look at the Chrome console, I see messages like "You are using this API without a key", "Google Maps JavaScript API warning: NoApiKeys", and "Google Maps JavaScript API warning: InvalidKey". I assume the demo site doesn't have an API key configured.

The copied console log you posted doesn't show anything helpful. Maybe clear the console log then refresh your site page and see if the messages change.

The only other thing I can think of is since you're posting in the forum for "1.7.8" - is that perhaps the Google Maps module is old code that doesn't work with the more recent Google Maps API? My father's webtrees is 1.7.14 and perhaps the Google Maps module with that is more up-to-date?
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #7

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Posts: 11741
> The only other thing I can think of is since you're posting in the forum for "1.7.8"

Yes - google frequently update their APIs, and we update webtrees regularly to keep up.
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.

Google Maps not working 1 month 2 weeks ago #8

  • tthdoc
  • tthdoc's Avatar
  • Offline
  • New
  • Posts: 21
Thanks for the replies. I will look into the billing account possibility, but I would really rather know if OpenStreetMap be incorporated into the current working version I am using with webtrees? Does any working modules exist for this. You mentioned that all the projects you're involved with have switched to OpenStreetMap. So since you are involved with webtrees, can it use OSM?

Thanks,
Doc
The administrator has disabled public write access.
Do you need a web hosting solution for your webtrees site?
If you prefer a host that specialises in webtrees, the following page lists some suppliers able to provide one for you: 

Google Maps not working 1 month 2 weeks ago #9

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Posts: 11741
> So since you are involved with webtrees, can it use OSM?

In webtrees2, I have used a "vendor-neutral' map library (leafletjs), and have written an adapter for OpenStreetMap.

It should be straightforward to add adapters for GoogleMaps and BingMaps - but at the moment it is OSM only.

You can see it here:

dev.webtrees.net/demo-dev/tree/demo/pedigree-map-4/i1
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.

Google Maps not working 1 week 1 day ago #10

  • tomgraham
  • tomgraham's Avatar
  • Offline
  • New
  • Posts: 4
Is your module/adapter also compatible with non-beta versions of Webtrees? It seems to me that Google Maps is becoming too tying.
The administrator has disabled public write access.

Google Maps not working 1 week 1 day ago #11

  • fisharebest
  • fisharebest's Avatar
  • Offline
  • Administrator
  • Posts: 11741
> Is your module/adapter also compatible with non-beta versions of Webtrees?

No. But I plan to release 2.0 this weekend.
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.

Google Maps not working 1 week 1 day ago #12

  • madargel
  • madargel's Avatar
  • Offline
  • New
  • Posts: 59
Really good news! I'll cross my fingers for you.
Sincerely, Marko
The administrator has disabled public write access.

Google Maps not working 1 week 1 day ago #13

  • tomgraham
  • tomgraham's Avatar
  • Offline
  • New
  • Posts: 4
Many thanks for the info. I'll take a look once available. I have to confess I haven't even had time to figure out the means of adding additional modules or adapter but I'll get there. The demo looks to be very effective. Thanks again for your efforts.
The administrator has disabled public write access.
Powered by Kunena Forum