Get hands-on experience with 20+ free Google Cloud products and $300 in free credit for new customers.

Need Help Embedding my custom Google Map for my site/getting the iframe code

Hi All,

I am working for a small company and just generated my first customized Google Maps from Google Cloud Console site. I already have an API Key as well as my new Google Map ID, but when I go into the Console, there is no ability for me to share my map so I can embed it to our website. I know how to script but cannot find out how to generate the iframe code so our web developer can add the custom map to the website. Is there anyone out there who knows a simple way for me to accomplish this? I already tried my.googlemaps site as well, but you cannot customize colors for your brand. It has set colors. Thank you in advance!! Bonnie 

0 1 133
1 REPLY 1

Hi @brwolfgurl111,

Welcome to Google Cloud Community!

For a Google Map featuring custom styles, choose the Maps JavaScript API, which enables Map ID styling to incorporate custom colors, themes, and unique design touches.

Map color scheme - To create custom light styles and dark styles for your roadmap map types, use cloud-based maps styling.

Other References:

Add a Google Map with a Marker using JavaScript, Add a Google Map to a Web Page, Stack Overflow conversation

Was this helpful? If so, please accept this answer as “Solution”. If you need additional assistance, reply here within 2 business days and I’ll be happy to help.