---
title: "OpenLayers Examples | Openlayers"
description: "Explore interactive OpenLayers map examples and tutorials."
---

# OpenLayers Examples

 [![Get started with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Get started

Tutorials

Quickly display your first map with OpenLayers.](https://docs.maptiler.com/openlayers/examples/get-started/)

 [![How to use OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## How to use OpenLayers

Tutorials

Create and display OpenLayers maps on web pages.](https://docs.maptiler.com/openlayers/examples/how-to-use-openlayers/)

 [![Display a Marker on the map using OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Display Marker

Tutorials

Add the default marker to your map using OpenLayers.](https://docs.maptiler.com/openlayers/examples/default-marker/)

 [![Vector tiles in OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Vector tiles

Tutorials

Display vector tiles in OpenLayers with ol-mapbox-style plugin.](https://docs.maptiler.com/openlayers/examples/vector-tiles-in-openlayers/)

 [![How to search places using OpenLayers geocoding control](https://docs.maptiler.com/assets/img/example-card.webp)

## Geocoding control

Tutorials Geocoding

Search for places using OpenLayers geocoding control.](https://docs.maptiler.com/openlayers/examples/geocoding-control/)

 [![Show Point data from GeoJSON on the Map with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Point GeoJSON Layer

Tutorials

Add Point GeoJSON data to OpenLayers maps easily.](https://docs.maptiler.com/openlayers/examples/geojson-points/)

 [![Polygon data from GeoJSON on the Map with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Polygon GeoJSON Layer

Tutorials

Display Polygon GeoJSON data on map using OpenLayers.](https://docs.maptiler.com/openlayers/examples/geojson-polygon/)

 [![Show MultiGeometry data from GeoJSON on the Map with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## MultiGeom GeoJSON Layer

Tutorials

Display MultiGeometry GeoJSON data on map using OpenLayers.](https://docs.maptiler.com/openlayers/examples/geojson-multigeometry/)

 [![How to create a choropleth Map from GeoJSON using OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Choropleth GeoJSON

Tutorials

Create a choropleth map from GeoJSON using OpenLayers.](https://docs.maptiler.com/openlayers/examples/choropleth-geojson/)

 [![How to display a custom map on a web with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Custom Map

Tutorials

Display custom MapTiler maps on webpages using OpenLayers.](https://docs.maptiler.com/openlayers/examples/custom-map/)

 [![How to use the OGC WMTS service in your map with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## OGC WMTS service

Tutorials

Use OGC WMTS services in OpenLayers web maps.](https://docs.maptiler.com/openlayers/examples/wmts/)

 [![Raster tiles in OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Raster tiles

Tutorials

Display raster tiles in OpenLayers via TileJSON or XYZ.](https://docs.maptiler.com/openlayers/examples/raster-tiles-in-openlayers/)

 [![Show Raster Image on the Map with OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Raster Layer

Tutorials

Add raster image overlays to OpenLayers maps.](https://docs.maptiler.com/openlayers/examples/raster-layer/)

 [![Vector tiles with polygon from GeoJSON in OpenLayers](https://docs.maptiler.com/assets/img/example-card.webp)

## Vector tiles with GeoJSON

Tutorials

Display GeoJSON polygons over vector tiles using OpenLayers.](https://docs.maptiler.com/openlayers/examples/vector-tiles-with-polygon-from-geojson/)

Reset filter Founds X results.