Streaming live at 10am (PST)

Snazzy Maps, Almost Got it Working


#1

Hey everyone,

I went through cyber daves tutorial completely about how to embed a custom google map and style it with snazzy maps.

I input all the code, and created my map section, though I'm stuck now and can't figure out what I did wrong

If anyone has acouple mins and is willing to look at what I did, I'd really appreciate it, thanks so much!

I'm trying to get the map into the div where it says Send Us Love, I made a dataContainer in there and in the settings of that, named it map.

https://preview.webflow.com/preview/bakeshop?preview=e45750601c27347558f87608af48e7c5


#2

You are missing a closing bracket } for the mapOptions object.

It should go before this line:

		var mapElement = document.getElementById('map');

#3

dude thank you! that's crazy how just 1 bracket can make something not work.

Thanks for taking the time, I am learning js right now btw <3 but am still nub


#4

Is there a way to create that location icon that's normally there?


#5

Take the time also to understand how to debug custom code.

See #1 and #5 here https://forum.webflow.com/t/posting-guidelines-for-the-bugs-category/2005?u=samliew


#6

Seems like there is a marker created in this tutorial https://forum.webflow.com/t/using-custom-google-map-with-color-styles-from-snazzy-maps/3833/9?u=samliew


#7

That's what I thought to but it's not popping up, i probably f'd something up

will check out that debugging tutorial