You can display your map anywhere on the page by using a shortcode [ctlocation]. If you don’t define any map parammeters it will come with the defaults:

• ROADMAP style,
• width 100%,
• height 400px
• 3rd level of zoom,
• StreetView active
• centered on the city

Feel free to change any of the map parameters via shortcode attributes:

• MAPWIDTH
  Example:
  CSS

  [ctlocation mapwidth="70%"]

  1	[ctlocation mapwidth="70%"]

  You can use value in pixels or percents.
• MAPHEIGHT
  Example:
  CSS

  [ctlocation mapheight="800px"]

  1	[ctlocation mapheight="800px"]

  You can use value in pixels or percents.
• CENTER
  Example:
  CSS

  [ctlocation center="lat_value, lng_value"]

  1	[ctlocation center="lat_value, lng_value"]

  Specify the point on which your map will centered after reloading the page.
• ZOOM
  Example:
  CSS

  [ctlocation zoom="10"]

  1	[ctlocation zoom="10"]

  You can select values from 1 to 12.
• CAT
  Example:
  CSS

  [ctlocation cat="europe"]

  1	[ctlocation cat="europe"]

  Define which markers should be displayed with assigned categories.
• TAGS
  Example:
  CSS

  [ctlocation tags="creative"]

  1	[ctlocation tags="creative"]

  Define which markers should be displayed with assigned tag.
• STREETVIEW
  Example:
  CSS

  [ctlocation streetview="true"]

  1	[ctlocation streetview="true"]

• STREETVIEWNOW
  Example:
  CSS

  [ctlocation streetview="true"]

  1	[ctlocation streetview="true"]

  Enable or disbale StreetView option on your map with True and False attribute values.
• TRAFFICLAYER
  Example:
  CSS

  [ctlocation trafficlayer="true"]

  1	[ctlocation trafficlayer="true"]

  Select True or False value. You can add next layer to your map to mark the most important roads.
• MAPTYPE
  Example:
  CSS

  [ctlocation maptype="Hybrid"]

  1	[ctlocation maptype="Hybrid"]

  Avalible map types: Hybrid, Roadmap, Satellite, Terrain. If you set different type than Roadmap, second button will be created at the top-right corner. If you set Terrain, there will be checkbox inside of default button.
• GROUNDOVERLAY
  Example:
  CSS

  [ctlocation groundoverlay="Image_URL, NE_Lat, NE_Lng, SW_Lat, SW_Lng]

  1	[ctlocation groundoverlay="Image_URL, NE_Lat, NE_Lng, SW_Lat, SW_Lng]

  You can create new layer on your map to display an image. It is useful if you want to show how the displayed area had looked before or… how it looks now (for ex. if you set Satellite map type). Image_URL is a path to image, it could be web address. “NE” means top-right corner of image, “SW” is bottom-left corner.
  All of these values are required.
• POLYLINE
  Example:
  CSS

  [ctlocation polyline="Line_Color, Line_Visibility, Line_Largeness, 1_Lat, 1_Lng, 2_Lat, 2_Lng, ...."]

  1	[ctlocation polyline="Line_Color, Line_Visibility, Line_Largeness, 1_Lat, 1_Lng, 2_Lat, 2_Lng, ...."]

  You can draw a line on your map, which is based on declarated points. You can choose its color, visibility, and largeness. IMPORTANT! Remember about inserting Lat and Lng values for 2 points minimum.
• POLYGON
  Example:
  CSS

  [ctlocation polylgon="Border_Color, Border_Visibility, Border_Largeness, Fill_Color, Fill_Visibility, 1_Lat, 1_Lng, 2_Lat, 2_Lng, 3_Lat, 3_Lng...."]

  1	[ctlocation polylgon="Border_Color, Border_Visibility, Border_Largeness, Fill_Color, Fill_Visibility, 1_Lat, 1_Lng, 2_Lat, 2_Lng, 3_Lat, 3_Lng...."]

  You can draw a polygon on your map, which is based on declarated points. You can choose color, visibility, and largeness of its elements. IMPORTANT! Remember about inserting Lat and Lng values for minimum 3 points.
• ROUTE
  Example:
  CSS

  [ctlocation route="Start_location; Final_location"]

  1	[ctlocation route="Start_location; Final_location"]

  Thanks to this attribute you can display a route from point A to point B.
  IMPORTANT! Note that locations are separated with semicolon (” ; “), not with comma!

---

Notice:
Locations are separated with semicolon (” ; “), not with comma!