Fullwidth Map

An embedded map (OpenStreetMap or Google Maps) that stretches edge to edge, with no side padding.

Fullwidth Map is the same embedded map as Map, but rendered without side padding so it stretches edge to edge, a common choice for a Contact page.

OpenStreetMap or Google Maps

The map uses the provider chosen under HighendHighend OptionsMap Settings. OpenStreetMap works without any setup; Google Maps needs an API key. See Map Settings.

A Dark style OpenStreetMap map stretching the full page width, with four custom markers

Add it

In WPBakery, click Add Element and pick Fullwidth Map from the Highend Shortcodes category. Or use the shortcode (see Shortcode). Place it directly in the content area, outside any row or column, so it can stretch edge to edge.

Settings

Use values from Highend Options > Map SettingsSelectDefault: Nofrom_to

When Yes, centers the map on the Map Center Latitude/Longitude saved under HighendHighend OptionsMap Settings (ignoring this element's own Latitude/Longitude below) and plots Location 1 (always shown) plus any of Location 2–10 you've individually enabled there, each with its own info popup on click. When No, the map shows a single marker at the Latitude/Longitude you set here.

LatitudeTextDefault: 48.856614latitude

Latitude the map centers on, when Use values from Highend Options > Map Settings is No. Use LatLong to look up coordinates for an address.

LongitudeTextDefault: 2.352222longitude

Longitude the map centers on, when Use values from Highend Options > Map Settings is No.

ZoomTextDefault: 16zoom

Zoom level from 1 (whole earth) to 18 (street level).

Custom Pin ImageImagecustom_pin

Custom marker image for this map. Leave empty to use the marker image set under HighendHighend OptionsMap Settings, if Map Settings' Custom Marker Image switch is on.

Map StyleSelectDefault: Default (Map Settings)map_style

Default (Map Settings), Light, or Dark. Map colors for this map when the provider is OpenStreetMap, overriding the Map Style in Map Settings. Ignored with Google Maps.

Map HeightTextDefault: 350height

Height in pixels. WPBakery shows this blank; the map is 350px tall if you leave it empty.

Position

Margin TopTextmargin_top

Space above the map. Accepts px, em, %, or a bare number (treated as pixels).

Margin BottomTextmargin_bottom

Space below the map.

Unlike Map, Fullwidth Map has no Border Around Map or Styled Map fields: it always follows the sitewide Enable Styled Map setting in Map Settings, with no per-element override. Its Map Style can still be set per element.

Common settings

Fullwidth Map also has Entrance Animation, Entrance Delay, and Extra class name fields (see the Elements overview).

Shortcode

[fw_map_embed latitude="48.856614" longitude="2.352222" zoom="16" height="450px" map_style="dark"]

On this page