# Maps

There are two divergent maps used included in this template.

**1) Google Maps :**

We can find different styles of this kind in the page [Google Maps](http://admire.lorvent.in/maps.html).

![](https://2744120822-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4TuOJbH6fevdwDEJ2u%2F-M4TuRpnVefLKP77JKOd%2F-M4TuYO5lyX6Sa7HoWvP%2Fadmire23.png?generation=1586435350217038\&alt=media)

It has the following structure:

```
<div id="gmap-top" class="map">
</div>
```

_**parameters:**_

&#x69;**) zoom** - This attribute sets the scale of the map (by default - '8').This option is available is in the js file.

```
zoom : 8
```

i&#x69;**)** **center \[lat , lng]** - these attributes set the coordinates of the center of the map and the point of the map (by default - '17.400408 and '78.507905'). This option is available in Js file.

```
center : [17.400408, 78.507905]
```

ii&#x69;**) hue** - sets the hue of the feature to match the hue of the color supplied. Note that the saturation and lightness of the feature is conserved, which means that the feature will not match the color supplied exactly. Valid values: An RGB hex string, i.e. '#ff0000'. This opion is available in the js file.

```
hue : '#0075c2'
```

i&#x76;**) Address** - This feature allows us to mention the current location. This option is available in the js file.

```
address : "nallakunta,hyderabad"
```

&#x76;**) Marker** - This feature allows the user to explicitly indicate the location. This option is available in the js file.

```
icon : "images/location-mark.png"
```

**2) Vector Maps :**

We can find different styles of this kind in the page [Vector Maps](http://admire.lorvent.in/jqvmaps.html).

![](https://2744120822-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M4TuOJbH6fevdwDEJ2u%2F-M4TuRpnVefLKP77JKOd%2F-M4TuYO74X42VzwjwsYs%2Fadire111.png?generation=1586435350284314\&alt=media)

It has the following structure:

```
<div id="world-map-gdp" class="vector-maps">
    <svg>...</svg>
    ....
    ....
</div>
```
