Vektorkartes

Vektorkaršu serviss sastāv no divām galvenajām daļām: konkrētus kartes apgabalus aprakstošiem vektormozaīkas fragmentiem un stila faila, kas apraksta, kā attēlojami objekti uz kartes. Lielākajā daļā gadījumu lietojumos nepieciešams tikai stila fails, kurā ir visa nepieciešamā informācija par pārējām komponentēm. Pašlaik tiek piedāvāti trīs vektorkaršu slāņi - pamatkarte, interešu punktu slānis un nosaukumu/līnijveida objekta slānis (piemērots attēlošanai uz ortofoto kartes vai satelīta attēliem). Slāņus var lietot atsevišķi vai kombinētā veidā.

Atsauces

Izmantojot Jāņa sētas piedāvātas karšu pakalpes jebkādā formātā (t.sk., izdrukās), jālieto atsauce. Atsaucei jābūt pieejamai atkarībā no lietotā risinājuma - vai nu uz kartes, vai arī atsauču vai līdzvērtīgā sadaļā. Konkrētā atsauce atkarīga no lietotā slāņa:

• pamatkartei vai nosaukumu un līniju slānim — © Jāņa sēta;
• interešu punktu slānim — © Jāņa sēta, OpenStreetMap.

URL

Stila informācijas saitei jāatbilst šādai formai:

https://wms.kartes.lv/vectortiles/styles/style-combiner.php?key=

Atgriezto datu formāts ir JSON.

HTTP metode ir GET.

Pieprasījuma parametri

Iespējams padot šādus GET parametrus:

Piemēri

Pamatkarte

Pieprasījums:

https://wms.kartes.lv/vectortiles/styles/style-combiner.php?styles=baltic-vt&key=

Rezultāts balticmaps.eu vietnē

Pamatkarte ar interešu punktiem

Pieprasījums:

https://wms.kartes.lv/vectortiles/styles/style-combiner.php?styles=baltic-vt,poi&key=

Rezultāts balticmaps.eu vietnē

Nosaukumu un lineāro objektu slānis uz ortofotogrāfiskās kartes kopā ar interešu punktiem

Pieprasījums:

https://wms.kartes.lv/vectortiles/styles/style-combiner.php?styles=baltic-vt-orto,poi&key=

Rezultāts balticmaps.eu vietnē

Paraugi

Paraugs Jāņa sētas vektorkartes ieviešanai MapLibre karšu bibliotēkā.

Ja tiek izmantots npm, tad MapLibre var uzinstalēt ar komandu:

npm install maplibre-gl

HTML kodā jāizveido kartes elements:

<div id="map"></div>

JavaScript kodā jāizveido karte:

import maplibregl from 'maplibre-gl';
import 'maplibre-gl/dist/maplibre-gl.css';

const api_key = 'your_api_key_here'; // Replace with your actual API key

// Initialize the map
const map = new maplibregl.Map({
    container: 'map', // Container ID
    style: `https://wms.kartes.lv/vectortiles/styles/style-combiner.php?styles=baltic-vt&key=${api_key}`, // Style URL
    center: [24.773591, 57.208140], // Starting position [lng, lat]
    zoom: 12 // Starting zoom level
});