How to set google map

Support
#1

Hello,

I have entered an API key and latitude/longitude, but still no map. How can I get this to work?

#2

Hi,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Thank you.

#3

Sure, here you go!
devsite.expressbooksellers.com

#4

Hi there,

I found the following error in JS console
Google Maps API error: MissingKeyMapError

That means the script element that loads the API is missing the required authentication parameter. If you are using the standard Maps JavaScript API, you must use a key parameter with a valid API key.

See the guide to API keys.

Thanks.

#5

OK, The guide says I need to add this script…but where can I add it? See below:

Step 2: Add the API key to your application
When loading the Google Maps JavaScript API, substitute YOUR_API_KEY in the code below with the API key you got from the previous step.

#6

Hi there,

You will have to place the API key in the Google API key field of the map element in Cornerstone.

Hope this helps.

#7

I already did that. It’s still not working.

#8

Hi again,

I checked your site and I’m getting the Api Not Activated Map Error

Google Maps API error: ApiNotActivatedMapError

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

Let us know how this goes!

#9

Well I was able to activate the API, and map showed up. But it’s not the correct address, and there is a big white bar across the top. See map on last section of home page:

http://devsite.expressbooksellers.com/

#10

Hi There,

Please provide us login credentials and the correct coordinate on a “secure note” so we can take a closer look.

Thanks,

#11

http://devsite.expressbooksellers.com/wp-admin

#12

Hi There,

Thank you for the credentials, the image you used as a marker on your map is too big (here). I replaced that with a small icon and that seems to address the issue.

Please resize your image to appropriate size as a marker (32x32 or 64x64)

Hope it helps,
Cheers!

#13

Well that helped with the white block on the top - thank you. But the address is still wrong… The location is in Texas, no New York. See address in screen shot. Also, the text in the map marker is white and you can hardly see it…

#14

Hi There,

Besides the map itself, the marker has its own Latitude and Longitude field. Please set the correct coordinates of your Map and Marker.


How to Get Latitude and Longitude from Google Maps

You can use the following custom CSS to change the color of the marker popup.

.x-google-map .gm-style-iw {
	color: red;
}

Add this to Theme Options > CSS or page CSS

Hope it helps,
Cheers!

#15

Yes, I already put the latitude and longitude. It’s still showing New York.

I don’t know what else I can possible do to make this work…

#16

As you can see here, it is still showing a map of New York

#17

Hi There,

The marker’s Latitude and Longitude are still pointing to New York.

I’ve updated it and now it works.


Please clear your browser’s cache on your end.

Thanks,

#18

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.