# Map

Here you will see the default name/title of the Edit option you are working on. You can decide to leave at that or rename it.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-4ed52f970f47d9917ba918de29e32a8d4d0a43b2%2FElement%20-%20Map%20-%20Title.png?alt=media)

You can move your text in different positions as you deem fit, you can position it to the Left, Center, Right, or as Justified.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-b3e689a7af58012c2401f8d213d83f2de8659a20%2FElement%20-%20Map%20-%20Align.png?alt=media)

When you click on the "Open Search Box" it opens the Map page and allows you to;

1. 1\.

   Input your business location and pin the exact point with the marker.
2. 2\.

   You can also decide to view your search using Map or Satelite,
3. 4\.

   You can also make it a full screen.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-76831d79bb446b7501bf219b7703c742162ff173%2FElement%20-%20Map%20-%20Open%20Search%20Box.png?alt=media)

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-098ef62a8eed37008975c75fb3d321feac9dbf4b%2FElement%20-%20Map%20-%20Open%20Search%20Box2.png?alt=media)

Here you can select the type of map you will like to use in viewing your location.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-db457466829f75e274aa38d869c691a139380d9a%2FElement%20-%20Map%20type.png?alt=media)

You can change the color of your Marker by selecting the color you want. If you have a particular color code you would like to use, you can input it in the space provided.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-70860dabaa7e8bfe235314ed02922fa55ba15527%2FElement%20-%20Map%20color.png?alt=media)

You can zoom in on the particular location your marker is on by moving the bar towards the right to increase the number.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-4fc2a630debb4627b399da437d0648dc750033a0%2FElement%20-%20Map%20-%20Zoom.png?alt=media)

**Horizontal Width and Vertical Height (max 640)**

You can adjust the height and width of your map by inputting the size number you want. The maximum height and width you can go are 640.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-e10a2202a816cf9fe862786ac95c2b607edc4dd7%2FElement%20-%20Map%20-%20Horizontal%20Width%20\(1\).png?alt=media)

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-62aa3abdaa5bbe5fa72fa461967d900d5be7ec27%2FElement%20-%20Map%20-%20VerticalWidth.png?alt=media)

The "Retina" is a quick way to increase the height and width of the map. When it is toggled on, it automatically doubles the original size of the map. \*\*\*\* For instance, if the original height and width are 300 and 200 respectively and you toggle on the Retina the sizes changes to 600 and 400 respectively.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-7645b7a14a4a4a03503f6740c7358a094d2bf675%2FElement%20-%20Calendar%20-%20Add%20TAb.png?alt=media)

When you toggle on the "New Tab", this allows visitors to open Google Map on a new tab once they click on any part on the map. If it's not toggled on, the google map will only load on the SEO page without tranferring to a new page.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-a174bb6a65ee7b9ea23d26781c3e62a05dcd52e4%2FElement%20-%20Calendar%20-%20Retina.png?alt=media)

You can decide if you want this particular Edit option to be visible on only mobile devices, desktops, or both by clicking on it to highlight the icon.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-06795ecb7f3412390e8e555e4377705369d4a5b6%2FElement%20-%20Map%20-%20Visibilty.png?alt=media)

Input your custom class here.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-58e940c524ab44db3826c2e99828852d041274da%2FElement%20-%20Map%20-%20Custom%20Css.png?alt=media)

If you need to copy the Custom CSS, just click on the "Copy" icon on the right side of the reference code.

![](https://3652255517-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSpDxRsrRdNpxcuWtIMiA%2Fuploads%2Fgit-blob-2823caf3d6ef56514d9e76e1a25d7f553173e5a8%2FElement%20-%20Map%20-%20CSS%20Selector.png?alt=media)
