skip to Main Content

The map element comes in handy when you need to show off one (or multiple) locations right inside of a Google Map, complete with lots of options, including the map’s height, color hue, custom marker image and what UI controls to display.

[mixt_headline]Basic Example[/mixt_headline][mixt_map style= »map-rounded » zoom= »16″ locations= »34.058475 -118.246587″][/mixt_map][mixt_headline]Features[/mixt_headline][mixt_iconlist][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Very easy to use[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Can show as many locations as you want[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Show HTML content when clicking on a marker[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Customize the location marker with your own custom image[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Personalize the map and integrate it nicely with the rest of your site[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Various styles to choose from, including rounded, bordered, outlined and 3D shadow[/mixt_iconlist_item][mixt_iconlist_item icon_color= »green » icon_bg= »accent »]Choose what controls to show on the map, like zoom, Street View, panning and map type[/mixt_iconlist_item][/mixt_iconlist][mixt_headline]Advanced Example[/mixt_headline][mixt_map style= »map-shadow-3d » ui_controls= »zoom,pan,map_type » locations= »40.712784 -74.005941,55.755826 37.6173,48.856614 2.352222,35.689487 139.691706″ marker_icon= »786″ style_hue= »#dd9933″]New York Offices
___
Moscow Offices
___
Paris Offices
___
Tokyo Offices[/mixt_map]
Back To Top