WordPress bundle Snazzy Maps

hey everybody is Steve Lee and I am back here again with another quick tip for you this time is Nazi SS related so much as it is a web design and being on brand-related but there’s definitely some parallels they’re typically when we’re dealing with CSS we’re trying to you know just the design of the page to be as own brand as possible and an inhibitor really slow with the rest of the website one of the big Hang-Ups that we have with that you know out of the box with did he is the is the Google Maps so the the Divi map module you can you can you can use that you can embed a Google map with an iframe we’ve got a couple different options there but the the styling of the Google Map is kind of

I guess the best word is default and we’ve definitely got some other options that if you’ve never seen him and he never used them on the website it really helps takes things up to the next level here’s an example here of a website that we recently completed you know has this this kind of Dusty midnight turn into a powder blue color and imagine having that that default Google Maps are you know with with with these colors on it kind of just doesn’t match and it stands out especially when the rest of the website is really on brand you know what’s up with the brown color palette to achieve this I use something called snazzy Maps if you haven’t been there yet I believe it’s Matthew Match.com and it’s completely free you can go on and explore different styles you can kind of type in you know a basic color palette so your color palette is no oranges and it’s going to ask

filter out and give you some orange tones to work with or you can completely you know do do a design on your own and adjust every single little thing from your building Collard Greens Road colors Highway colors labels the the stroke in the field of every colors show you with that kind of looks like here when you’re editing within I won’t take too long maybe it can be it’s on its own course one day or two Nvidia rather but just to give you an idea here this is kind of what the final outcome was for that orthodontist office but you can you can control literally everything would say we want bright red water the floor is lava you can you can do anything you can adjust anything on this map

it will output a bit of code that you’ll have to that you’ll have to paste into your website and they have a plug-in. Let’s see if Maps

and you can see here that once you get that plug in installed you’ll have to you know login add your API key if you don’t have one at pick guide you right on through it and and then you can embed your your custom branded map which I think is really really cool so that’s all I have for today guys I want check this video on longer if you want to see more or if you need a step-by-step walkthrough need to feel free to leave it in the comments below but I won’t I won’t waste any more time if any more of your time if I don’t have to so good luck with this I think that it’s an awesome addition to any website especially if there’s a very established brand and color palette and this is unit controllable here it’s still it’s still a Google Maps I think it’s really cool that’s all guys take care have a good one and leave some comments below if you happen to try this out I’d love to check out some designs you came up with thanks and have a good one bye

Hello friends in this video we will show you how to apply snazzy map style to your store map

go to settings

you have to pay snazzy Maps tile and Google Maps tiles now go to Tennessee math.com

you will find different styles of maps you have to pick single style of map and copy the JavaScript code

among all design is I will choose this purple design

copy this JavaScript code

paste it on Google Map styles

click to save settings

now go to front end and check your style is applied at or not

you can see your style is properly applied on a map this type you can apply any style to your Google Map

thanks for watching this video