OpenLayers
21
  • Docs
    Docs
    Quick Start FAQ Tutorials Workshop
    Ask a Question
  • Examples
  • API
  • Code
    Repository Download
Custom Circle Render
(custom-circle-render.html)

Example of a custom circle render.

Custom Controls
(custom-controls.html)

Shows how to create custom controls.

Custom Hit Detection Render
(custom-hit-detection-renderer.html)

Example of a custom hit detection renderer.

Custom Interactions
(custom-interactions.html)

Example of a custom interaction.

Custom map element
(es2015-custom-element.html)

Example of a custom element with a map.

Custom Drag-and-Drop (KMZ)
(drag-and-drop-custom-kmz.html)

Example of using the drag-and-drop interaction with a custom format to handle KMZ files.

Custom Drag-and-Drop (MVT preview)
(drag-and-drop-custom-mvt.html)

Example of using the drag-and-drop interaction with a custom format to preview MVT tiles.

Custom Polygon Styles
(polygon-styles.html)

Showing the vertices of a polygon with a custom style geometry.

Custom Tiled WMS
(wms-custom-proj.html)

Example of using custom coordinate transform functions.

Custom Tooltips
(button-title.html)

This example shows how to customize the buttons tooltips with Bootstrap.

Earthquakes with custom symbols
(earthquake-custom-symbol.html)

Demonstrates the use of `toContext` to create custom icon symbols.

Localized OpenStreetMap
(localized-openstreetmap.html)

Example of a localized OpenStreetMap map with a custom tile server and a custom attribution.

Style renderer
(style-renderer.html)

Example of a style with a custom renderer.

Advanced Mapbox Vector Tiles
(mapbox-vector-tiles-advanced.html)

Example of a Mapbox vector tiles map with custom tile grid.

Custom Animation
(feature-animation.html)

Demonstrates how to animate features.

Custom Canvas Tiles
(canvas-tiles-tms.html)

Renders tiles with TMS coordinates for debugging.

Custom Overview Map
(overviewmap-custom.html)

Example of OverviewMap control with advanced customization.

Icon Colors
(icon-color.html)

Example assigning a custom color to an icon

NDVI from a Sentinel 2 COG
(cog-math.html)

Calculating NDVI and applying a custom color map.

Tile Transitions
(tile-transitions.html)

Custom configuration for opacity transitions on tiles.

WMS 512x256 Tiles
(wms-custom-tilegrid-512x256.html)

Example of a WMS layer with a custom grid with 512x256px tiles.

title