Streaming live at 10am (PST)

Map API... no show


#1

So I’ve found a new pet peeve…
In my latest project draft I copied+paste an API key to the Google Maps API area under Project settings but the map is no where to be seen on the published site… does anyone has any idea why?

Shared link:
https://preview.webflow.com/preview/dessconbuilders?preview=ca3d1bb3823d842fe2d20b8e10d6d027

Live view
http://dessconbuilders.webflow.io/


#2

Your map’s position is absolute…

.map {
    position: absolute;

Your API key is not activated…

See “Generate an API Key” here https://university.webflow.com/article/map


#3

Looks like you are getting an error with your map API

https://developers.google.com/maps/documentation/javascript/error-messages#api-not-activated-map-error


#4

@samliew,
Removed ‘absolute’… now visible placeholder…

@rileyj_s
yes… I am getting that error… not sure why or how to remedy.

EDIT:
currently exploring "registering project’ indicated by @samliew… standby


#5

Select your project, click ENABLE APIS AND SERVICES

Screenshot_2017-08-16_120842

Search for and click “Google Maps JavaScript API”

Generate new API key here


#6

DY-NO-MITE…

Created project and copied API… Solved!

Thanks @samliew


#7

You probably used an invalid key previously. Make your own keys next time :wink:


#8

This topic was automatically closed after 60 days. New replies are no longer allowed.