<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ogs Tile Service (MapLibre)</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://unpkg.com/maplibre-gl@5.16.0/dist/maplibre-gl.css"
/>
<script src="https://unpkg.com/maplibre-gl@5.16.0/dist/maplibre-gl.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
html,
body,
#map {
height: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
const key = "xxxxxxxxxxxxxxxxxxxxxxxxxx";
const map = new maplibregl.Map({
container: "map",
style: {
version: 8,
sources: {
"wms-test-source": {
type: "raster",
tiles: [
"https://osm.ogs.co.th/tile/{z}/{x}/{y}.png?ApiKey={key}"
],
tileSize: 256
}
},
layers: [
{
id: "wms-test-layer",
type: "raster",
source: "wms-test-source",
paint: {}
}
]
},
zoom: 4,
center: [100.537997, 13.661845]
});
</script>
</body>
</html>
One Geo Survay Api
ENDPOINTS
