---
title: "Geocoding with MapLibre GL JS | Geocoding | Maplibre gl js"
description: "Add a geocoding control to search places in MapLibre maps."
---
# Geocoding with MapLibre GL JS
In this tutorial, you will learn how to add a geocoding control to the Maplibre GL JS map. Geocoding control will enable map users to search places on the map.
### NPM module setup
```bash
npm install --save maplibre-gl @maptiler/geocoding-control
```
#### main.js
```js
import maplibregl from "maplibre-gl";
import { GeocodingControl } from "@maptiler/geocoding-control/maplibregl";
import "maplibre-gl/dist/maplibre-gl.css";
const apiKey = "YOUR_MAPTILER_API_KEY_HERE";
const map = new maplibregl.Map({
container: "map", // id of HTML container element
style: `https://api.maptiler.com/maps/streets-v4/style.json?key=${apiKey}`
});
const gc = new GeocodingControl({ apiKey, maplibregl });
map.addControl(gc);
```
#### index.html
```html
Geocoding in MapLibre GL JS
```
#### style.css
```css
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
```
### Basic JavaScript setup
```html
Geocoding in MapLibre GL JS
```
## Geocoding on-prem with MapTiler Server
You can utilize the geocoding capabilities within your on-prem installation of [MapTiler Server](https://www.maptiler.com/server/). This feature allows you to search for addresses and locations without an internet connection. Please take a look at the [MapTiler Server API documentation](https://docs.maptiler.com/server/api/reference/) for a comprehensive understanding of all the available options the [Geocoding API](https://docs.maptiler.com/server/api/geocoding/) provides.