> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Add OpenStreet Map Plugin

Add OpenStreet Map Plugin from the Plugin options.

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/add_openstreet_map.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=d219e742250f15dc7518ecec7c44af06" alt="Add OpenStreet Map Plugin" width="1600" height="724" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/add_openstreet_map.webp" />

## 2.1 General Settings

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/general_settings.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=35f306eee4b766558b665bf4d3c8bc54" alt="General Settings of Map Plugin" width="1244" height="829" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/general_settings.webp" />

* **Address** -> Select the locations you want to display on the Map with Location marker.
* **Height** -> Set the height of Map
* **Record Storage Page** -> Select the storage folder to display the Map Location from that folder.

## 2.2 Map Settings

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/map_settings.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=fcb25f55fad90fd7a970fba9dbdb5d93" alt="Map Settings in Map Plugin" width="1459" height="889" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/map_settings.webp" />

* **Map Type** -> Select the Map type you want to display from Map, Satellite, Hybrid and Terrain
* **Zoom Level** -> Select the default zoom level of map when map is displayed. You can select from range from 1 to 18 with 1 being completely Zoomed Out and 18 being completely Zoomed In.
* **Scroll Zoom** -> Check this to enable Zoom In and Zoom Out using Mouse scroll.
* **Draggable** -> Check this to allow users to drag map using mouse.
* **Doubleclick Zoom** -> Check this to enable Zoom In when user double-click on map.

## 2.3 Frontend Control Settings

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/controls_settings.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=754b7603885370feaa34c712eda5d92c" alt="Controls Settings in Map Plugin" width="1284" height="869" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/controls_settings.webp" />

* **Zoom Control** -> Check this to display Zoom buttons on map. You can also set position of it on chart as well.
* **Zoom Control Position** -> Select position of the Zoom Controls from Top Left, Bottom right etc.
* **Fullscreen Control** -> Check this to display Full screen button on Map. You can also set position of it on chart as well.
* **Full Screen Control Position** -> Select position of the Full Screen Controls from Top Left, Bottom right etc.
* **Scale Control** -> Check this to display scale bar at the bottom right of Map.

## 2.4 Marker Settings

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/marker_settings.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=0de84c27f77aeaa14da1205e894b2843" alt="Controls Settings in Map Plugin" width="1259" height="870" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/marker_settings.webp" />

* **Show alphabet label on marker** -> Check this to display alphabet labels on Location markers. It will start from A-Z.
* **Marker Opacity** -> Set Marker Opacity. Select from 0.1 to 1.0 .
* **Marker Cluster** -> Check this to enable Marker Cluster.

After Enabling Marker Cluster checkbox, "Max Zoom level, Grid Size & Marker Cluster Icon" options will be visible.

* **Max Zoom Level** -> Define the Zoom level, It will zoom in fathest level before the regular markers.
* **Marker Cluster icons** -> Choose marker cluster icon from Default, People, Conversation, Heart, & Pin.

## 2.4 Search Settings

<div className="t3-embed">
  <iframe src="https://app.supademo.com/embed/cmk0z3dn41p2qgmn8sx5hrzhp?embed_v=2&utm_source=embed" loading="lazy" title="AI Co pilot" allow="clipboard-write; fullscreen" frameBorder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen />
</div>

* **Search Type** -> Select type of search you want to display on your site, select none to display only map & saved locations otherwise choose "Record Based Search OR Radius Search" accordingly.

* **Search In Fields**
  When the **First Search Box** is enabled, you can choose which fields are used to search for an address or location on the map.

  Select the relevant fields such as **Title**, **Info**, or **Content** that contain address or location details.

  The map will display results only from the selected fields, making it easier to quickly find the correct address on the map.

* **Radius Search** -> This feature will allow end user to search for places on OpenStreet Map by providing their preference of City and Point of Interest.

* **Record Based Search** -> This feature will allow end user to search for location on OpenStreet Map, which are stored on the database & according to the selection of backend storage folder.

Based on the selection of "Record Based Search OR Radius Search" following options will be showing to customize input fields.

* **Enable Direction and Distance Feature** -> Check this to allow users to fetch routes b/w the places. It'll also provide the directions for the selected route at the bottom of the Map.
* **Auto Complete Location** -> Check this to enable the auto suggestion on the address field appear above the map.
* **Allow Current Location to Fill Address** -> Check this to enable the access for Allow/Deny the user location.

## 2.4 GDPR Settings

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/GDPR_Options1.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=05f89044e459ca2882c2342a23581c77" alt="GDPR Settings in Map Plugin" width="1600" height="697" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/GDPR_Options1.webp" />

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/GDPR_Options2.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=8475409c3f87a01580ed9315e5a1e283" alt="GDPR Settings in Map Plugin" width="1600" height="821" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/GDPR_Options2.webp" />

* **GDPR Box** -> Make sure your website collects all required user consent. OpenStreetMap allows you to display consent notices.

## Figures

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/map_settings1.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=0f477a22beb003b5c32a6146c099976f" alt="Map Settings in Map Plugin" width="1459" height="889" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/map_settings1.webp" />

<img src="https://mintcdn.com/t3planet/XUb-MPYDQ0RFCrAt/en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/marker_settings1.webp?fit=max&auto=format&n=XUb-MPYDQ0RFCrAt&q=85&s=c9d52dae0a06eb7359447760f20716ec" alt="Controls Settings in Map Plugin" width="1259" height="870" data-path="en/latest/ExtNsOpenStreetMap/Configuration/AddOpenStreetMapPlugin/images/marker_settings1.webp" />
