HomeОбразованиеRelated VideosMore From: iEatWebsites

Google Maps Custom Colors in HTML And WordPress

192 ratings | 24460 views
In this video you will learn how to change Google Maps style such as the colors in HTML and WordPress using the Google Maps Javascript API. Download the code used on this video: https://drive.google.com/file/d/0B1WzPYHaAHHqWlZqbENyRVA5aW8/view?usp=sharing Get Your Google Maps API: https://developers.google.com/maps Get Google Maps API sample style: https://developers.google.com/maps/documentation/javascript/examples/style-array Google Maps WordPress Plugin: https://wordpress.org/plugins/ank-google-map/ Snazzy Maps WordPress Plugin: https://snazzymaps.com/plugins Snazzy Maps website: https://snazzymaps.com If you have questions please leave a comment below or contact me: Twitter: https://twitter.com/ieatwebsites Linkedin: https://www.linkedin.com/in/joseluisfremaint instagram: https://www.instagram.com/ieatwebs/ Facebook: https://www.facebook.com/Ieatwebsites/ Music by PeriTune - Tea Party https://soundcloud.com/sei_peridot
Html code for embedding videos on your blog
Text Comments (31)
Nick Xenos (6 months ago)
Hey, nice vid. Any way to add text, button over the top of the map?
Nick Xenos (6 months ago)
iEatWebsites text and button
iEatWebsites (6 months ago)
Adding pins and text? Or regular text and button?
Nicolas Gonzalez Irigoin (7 months ago)
Hey, thx a lot, you just save me a lot of time!!!!
iEatWebsites (7 months ago)
You welcome!
Ondra Traveler (7 months ago)
thanks a lot man
iEatWebsites (7 months ago)
You welcome!
Tanvir Hasan (7 months ago)
shamith tp (8 months ago)
Thank you so much. Appreciate your effort to help.
Sumon Ahmed (8 months ago)
thanks a lot
iEatWebsites (8 months ago)
You welcome!
Gaponchuk Yuriy (11 months ago)
Thank you very match!
Mahin Islam (1 year ago)
thank u so much ^_^
Alessandro Bella (1 year ago)
Hi, can I enter more locations?
iEatWebsites (1 year ago)
If you do it manually is unlimited but the plugin is for one. I'm not sure if the new version of the plugin will let you add more locations.
C Bu (1 year ago)
great. two questions...how do you make the map location searchable like an ordinary googlemap? how do you save out the map image as a jpeg from within the page? I need to have someone send me fullsize resolution images of the maps from any place in a particular style. I can't find anyway of doing that, that is easy. (a screen capture is too much work for some clients)
iEatWebsites (1 year ago)
Here you can find the search box: https://developers.google.com/maps/documentation/javascript/examples/places-searchbox A lot of things are possible using the API.
Nandhini Ashok (1 year ago)
where do u copy the script onto?.....the dark background software....what is it? the name. :)
tombolo (1 year ago)
Sorry, I'm (a bit) dumb when it comes to coding, but do I need that software? I've made a map in google, and it's already working on my webpage. Now I just want to use Snappy to customize the theme. I haven't used google map plugin. Just embedded it from google drive.
iEatWebsites (1 year ago)
You can download that app here: https://atom.io/
DRP (1 year ago)
Great tutorial! Thank you!!
iEatWebsites (1 year ago)
You welcome David! :)
recUnderground (1 year ago)
Nice and easy. Thank you so much sir, very helpful !
iEatWebsites (1 year ago)
You welcome! :) thanks.
Biljana Varga (2 years ago)
Hi, Im using phpstorm, and in my javascript file is said that function initMap is not used, i inserted api key and everything
iEatWebsites (2 years ago)
You welcome :)
Biljana Varga (2 years ago)
Solved it. thank you very much! :)
iEatWebsites (2 years ago)
Weird.. but maybe this helps: http://stackoverflow.com/questions/34466718/googlemaps-does-not-load-on-page-load
Emir Mekhtiev (2 years ago)
Thx a lot. Watching you from Ukraine, coz i dont have so great manual on russian or ukrainian lang. Ty, again, well done.
Yurii Taran (1 year ago)
Same to me. I am from UA too :)
iEatWebsites (2 years ago)
Wow!! Thank you so much!!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.