This shortcode will display a map of a given location by providing Latitude & Longitude coordinates. This was introduced in version 3 as a replacement of the v2 shortcode [cs_static_marker_map].
The shortcode [cspm_contact_map] supports the following parameters:
The coordinates (Latitude, Longitude) of the location to display on the map.
Example: [cspm_contact_map latlng="51.53096,-0.121064"]
A string name that represent the unique ID of the map. This attribute is only required if you want to display multiple maps on the same page.
* This attribute is required only if you want to use multiple maps on the same page.
Example 1: [cspm_contact_map]
Example 2: [cspm_contact_map map_id="map_1"]
The width of the map in pixels or in %.
Example 1: [cspm_contact_map width="100%"]
Example 2: [cspm_contact_map width="500px"]
The height of the map in pixels or in %
Example 1: [cspm_contact_map height="100%"]
Example 2: [cspm_contact_map height="500px"]
The URL of the custom marker icon/image. If not used, the plugin will use the default marker icon!
Example: [cspm_contact_map marker_img="www.yourwebiste.com/marker_img.png"]
Define the zoom of the map (from 0 to 19).
Example: [cspm_contact_map zoom="13"]
The skin of the map. To get the style name, follow these steps:
- Click on the menu “Progress Map”. Wait for the page to load!
- Click on the menu “Default Map style settings”
- Click the link “Demo” next to the style you like. A new page/window will open, the URL of that page/window holds the style name as the last attribute. So if the URL looks like
http://snazzymaps.com/style/42/apple-maps-esque, the style name will beapple-maps-esque.
Example: [cspm_contact_map map_style="apple-maps-esque"]
The initial style of the map. Possible values are ROADMAP, SATELLITE, TERRAIN, HYBRID, custom_style.
Example: [cspm_contact_map initial_map_style="TERRAIN"]
Detect browser window resize and recenter the map. Possible values are yes and no.
Example: [cspm_contact_map window_resize="no"]