---
title: "Get the user's location using the GPS with Leaflet geolocate control | Leaflet"
description: "Get user location using GPS and Leaflet geolocate control."
---
> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.
# Get the user’s location using the GPS with Leaflet geolocate control
This tutorial shows how to use the geolocate control with Leaflet to get the user’s location using the GPS or the browser location.
Unlock the power of GPS and Leaflet geolocate control to access your user’s location effortlessly and enhance your application’s functionality.
### NPM module setup
```bash
npm install --save @maptiler/leaflet-maptilersdk leaflet
```
#### main.js
```js
import { MaptilerLayer, MapStyle } from '@maptiler/leaflet-maptilersdk';
import L from 'leaflet';
import 'leaflet/dist/leaflet.css';
const key = 'YOUR_MAPTILER_API_KEY_HERE';
// but this is going to be superseded by the `geolocate: true` options
const map = L.map('map').setView([0, 0], 1);
const mtLayer = new MaptilerLayer({
apiKey: key,
style: MapStyle.STREETS, // optional
geolocate: true //set the initial view to the user's location
}).addTo(map);
```
#### index.html
```html
Get the user's location using the GPS with Leaflet geolocate control | NPM example
```
#### style.css
```css
#map {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
```
### Basic JavaScript setup
```html
Vector Tiles in Leaflet JS
```
Replace `YOUR_MAPTILER_API_KEY_HERE` with [your own API key](https://cloud.maptiler.com/account/keys/). Make sure to [secure the key](https://docs.maptiler.com/guides/developer/credentials/api-key/#secure-key) before you publish it.
## Related examples
### [Geolocate control](https://docs.maptiler.com/leaflet/examples/geolocate-user/)
Examples
Get user location using GPS and Leaflet geolocate control.