# OpenLayers quickstart
PinSharing raster tiles and vector styles in OpenLayers.
1. Raster tiles in one HTML file:
```html
```
1. Vector tiles with `ol-mapbox-style`:
```html
```
The vector style works like the MapLibre style URL: tiles, fonts and sprites carry your key; each vector tile counts 1 tile.
## Attribution
OpenStreetMap credit is required; the snippets above include it for raster tiles, and the vector style supplies it.
## Keys in web pages
Keys used in web pages are visible to visitors. In the dashboard, limit such a key to your websites; keep an unrestricted key on your servers. See [Keys & websites](https://pinsharing.com/docs#keys).
## Next
- [Leaflet](https://pinsharing.com/docs/leaflet)
- [MapLibre GL JS](https://pinsharing.com/docs/maplibre)
- [AI assistants (MCP)](https://pinsharing.com/docs/mcp)
---
Source: https://pinsharing.com/docs/openlayers · Map data © OpenStreetMap contributors · Index: https://pinsharing.com/llms.txt