Custom modern Google Map element, fully customizable colors, sizes, styling, pin, information, etc.

• Google API Key – This is important, You can get your API Key from Here
• Lat – Is latitude that you can find it for your address Here
• Long – Is longitude that you can find it for your address Here
• Zoom – Number of zoom on map, this works reverse mode, 14 is default
• Map size – You can set map width and height size in px
• Color scheme – Color scheme of map
• Custom color – You can set custom color scheme for google map
• Grayscale Effect? – You can also set grayscale mode for map
• Marker – If you want you can set custom market / pin image for your map
• Marker image – Set custom market image, recommended PNG format
• Info text – You can insert your office or company information and will display on marker
• Show info by default? – Display information on marker by default
• Enable mouse wheel? – Enable mouse wheel for zoom in or zoom out on map
• Hide map controls? – This will hide all map controls like zoom icons
• Advanced tab – Responsive, Animation, Parallax, etc.

Recently Google Map changed their API key’s, So please edit your google map and insert new API key.

You can get new API key here:

https://developers.google.com/maps/documentation/javascript/get-api-key

Alternative Method:

Another way for showing google map on your site is google map iframe, Go to this page: https://www.google.com/maps/

Then search your address and click on share button, Then copy embed code and in your page via page builder add Raw HTMLelement and paste embed code. Please see attachment.

• Other solution – You can purchase google map API and use Google Map element and with your API key you can show google map without iframe on your website.