Bienvenue, Invité
Nom d'utilisateur : Mot de passe :
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."
  • Page :
  • 1

SUJET : Google Maps not working

Google Maps not working il y a 7 mois 1 heure #1

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

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #2

  • fisharebest
  • Portrait de fisharebest
  • Hors Ligne
  • Administrator
  • Administrator
  • Messages : 12924
> 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 - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #3

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

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #4

  • fisharebest
  • Portrait de fisharebest
  • Hors Ligne
  • Administrator
  • Administrator
  • Messages : 12924
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 - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #5

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.

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #6

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?

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #7

  • fisharebest
  • Portrait de fisharebest
  • Hors Ligne
  • Administrator
  • Administrator
  • Messages : 12924
> 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 - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 6 mois 4 semaines #8

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

Connexion ou Créer un compte pour participer à la conversation.

Avez-vous besoin d'une solution d'hébergement web pour votre site webtrees ?
Si vous préférez un hébergeur spécialisé de webtrees, la page suivante en liste quelques-uns capables de vous offrir ce type de service :

Google Maps not working il y a 6 mois 4 semaines #9

  • fisharebest
  • Portrait de fisharebest
  • Hors Ligne
  • Administrator
  • Administrator
  • Messages : 12924
> 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 - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 5 mois 3 semaines #10

Is your module/adapter also compatible with non-beta versions of Webtrees? It seems to me that Google Maps is becoming too tying.

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 5 mois 3 semaines #11

  • fisharebest
  • Portrait de fisharebest
  • Hors Ligne
  • Administrator
  • Administrator
  • Messages : 12924
> Is your module/adapter also compatible with non-beta versions of Webtrees?

No. But I plan to release 2.0 this weekend.
Greg Roach - Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser. - fisharebest.webtrees.net

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 5 mois 3 semaines #12

Really good news! I'll cross my fingers for you.
Sincerely, Marko

Connexion ou Créer un compte pour participer à la conversation.

Google Maps not working il y a 5 mois 2 semaines #13

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.

Connexion ou Créer un compte pour participer à la conversation.

  • Page :
  • 1
Propulsé par Kunena