Super Maps

Super Maps module is the best way to display a map on your website and add pins to it to locate the places. You can change map style, enable switching from satellite to map view. The module is easily customizable and has a clear user interface.

Super Maps Module Sample #

On the picture below, you can view Advanced Map module sample.

Content #

Center Location #

• Location Search – User will select the location which will be in the center of the Map.
• Center Latitude – User will input the Latitude of the Center location.
• Center Longitude ­– User will input the longitude of the central location.

Map Markers #

• Location Search – User will search for the exact location that s/he want to show up.
• Map Pins – In Map pin section user will input the latitude, longitude, pin title, pin description and pin image.

 Map Controls #

• Map Height – Here user will input the height of the Map. ­
• Map Zoom – Here user will select the zoom for the Map.
• Enable Map Type Controls ­­­– User will enable this if Map type control is needed. There are few types of maps available.
• Enable Zoom Controls – User will enable it for zoom control.
• Enable Double Click Zoom – User will enable it for double click zoom.
• Enable Street View Control – User will enable it for street control view.
• Enable Fullscreen Control – User will enable it for Full-Screen control.
• Enable Scroll Wheel Zoom – User will enable it for scroll wheel zoom.
• Enable Info Container Always Open – User will enable it if info container always needs to be open.
• Info Container Open on Hover ­- User will enable it if info container needs to be open on hover.
• Info Container Closed when Mouse Out – User will enable it if info container need to be closed when mouse out  
• Map Type – User will select the type of map here.
• Additional Layer – User will enable it if the additional layer is needed.

Map Carousel Styling #

• Json code – User will input if there’s any custom Json code.

Style #

Map #

• Border Type – Here user can select the type of border. The various option is available as like solid, dotted, dashed, groove etc..
• Width –
• Border Radius – Here user will define the radius of the border. It can be pixel or %
• Margin – Here user will specify the Margin for the Map.
• Padding – Here user will define the padding for the Map.
• Box Shadow – Here you can add some shadow to the box

Pin Title #

• Pin Title Color – Here user will select the pin title color.
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Padding – Here user will select the pin title padding
• Margin – Here user will select the pin title margin
• Text Align ­– User will select the text alignment for the pin title.

Pin Content #

• Pin Description Color –
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Padding – Here user will select the pin content padding
• Margin – Here user will select the pin content margin.
• Text Align ­– User will select the text alignment for the pinned content.