ol-source-vector-tile can be used together with ol-vector-tile-layer to draw any vector tile data on the map.
<script setup> import VectorTileLayerDemo from "@demos/VectorTileLayerDemo.vue" </script>Example below shows how you can use ol-vector-tile-layer and ol-source-vector-tile to render some vector-tile features from remote backend.
::: code-group
<<< ../../../../src/demos/VectorTileLayerDemo.vue
:::
Properties are passed-trough from OpenLayers directly. Their types and default values can be checked-out in the official OpenLayers docs. Only some properties deviate caused by reserved keywords from Vue / HTML. This deviating props are described in the section below.
None.
You have access to all Events from the underlying source. Check out the official OpenLayers docs to see the available events tht will be fired.
<ol-source-vector-tile :url="url" @error="handleEvent" />
You have access to all Methods from the underlying source. Check out the official OpenLayers docs to see the available methods.