https://github.com/adamfranco/openmapsamples-maplibre

A control and integration to display OpenMapSamples vector data in MapLibre-based maps.
https://github.com/adamfranco/openmapsamples-maplibre

maplibre maplibre-gl-js maplibregl openstreetmap osm vector-map

Last synced: about 1 month ago
JSON representation

A control and integration to display OpenMapSamples vector data in MapLibre-based maps.

• Host: GitHub
• URL: https://github.com/adamfranco/openmapsamples-maplibre
• Owner: adamfranco
• License: lgpl-3.0
• Created: 2022-01-30T23:11:51.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-23T15:29:25.000Z (over 1 year ago)
• Last Synced: 2024-11-06T20:50:29.425Z (3 months ago)
• Topics: maplibre, maplibre-gl-js, maplibregl, openstreetmap, osm, vector-map
• Language: JavaScript
• Homepage: https://adamfranco.github.io/OpenMapSamples-examples/
• Size: 1.46 MB
• Stars: 2
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# OpenMapSamples-MapLibre

[OpenMapSamples](https://github.com/adamfranco/OpenMapSamples) is a library to generate and provide

sample data for testing vector-based map renderings. Sample data is returned as GeoJSON and can be

rendered by mapping systems and styles to validate their coverage of combinations of data at different

zooms without hand-mapping all possible combinations.

The **OpenMapSamples-MapLibre** package provides a [MapLibre](https://github.com/maplibre) control

that allows OpenMapSamples to be swapped for real data in MapLibre-based maps.

You can view a demonstration of this control at https://adamfranco.github.io/OpenMapSamples-examples/.

Look for the control in the bottom left of the map and choose a sample to replace the normal map data

with sample data and jump to the sample-data locations.

![Screen-shot of a Highway sample](https://user-images.githubusercontent.com/25242/152425778-14b8c108-e8a1-47ce-9ae0-9abe554c1d68.png)

## Usage

The SampleControl for MapLibre provides a button and dialog that temporarily replaces the source data in the map's style with sample data.

```

import SampleControl from 'openmapsamples-maplibre/OpenMapSamplesControl';

import { default as OpenMapTilesSamples } from "openmapsamples/samples/OpenMapTiles";

// Add our sample data.

let sampleControl = new SampleControl({'permalinks': true});

OpenMapTilesSamples.forEach((sample, i) => {

  sampleControl.addSample(sample);

});

// Map is a previously configure maplibre-gl map.

map.addControl(sampleControl, 'bottom-left');

```