Proporciona estilo JSON compatible con MapLibre desde openstreetmap-tile-server

14 de diciembre de 2021 [Matrix, Programming]

[Previous: Self-hosting maps on my laptop]

En una publicación anterior mostré cómo ejecutar una pila de servidor de mosaicos OSM localmente.

¡Ahora he conectado con éxito la interfaz MapLibre GL JS a mi servidor de mosaicos local y muestra el mapa!

(Esto se ejecuta dentro de Element Web, un increíble mensajero Matrix en el que estoy trabajando. NOTA: ¡este es un prototipo muy, muy temprano!)

En la publicación anterior ejecuté el comando docker run para iniciar el servidor de mosaicos.

Esta vez tuve que crear un archivo style.json:

{
  "version": 8,
  "sources": {
    "localsource": {
      "type": "raster",
      "tiles": [
        "
      ],
      "tileSize": 256,
      "attribution": "Maps Copyright 2018 <a href=\" GmbH</a> and <a href=\" Contributors</a>"
    }
  },
  "layers": [
    {
      "id": "locallayer",
      "source": "localsource",
      "type": "raster"
    }
  ]
}

y luego inicié el servidor de mosaicos con los archivos disponibles en la raíz del documento:

docker run \
    -p 8080:80 \
    -v $PWD/style.json:/var/www/html/style.json \
    -v openstreetmap-data:/var/lib/postgresql/12/main \
    -v openstreetmap-rendered-tiles:/var/lib/mod_tile \
    -e THREADS=24 \
    -e ALLOW_CORS=enabled \
    -d overv/openstreetmap-tile-server:1.3.10 \
    run

Ahora puedo apuntar mi MapLibre GL JS a ese archivo de estilo con un código como este:

this.map = new maplibregl.Map({
    container: my_container,
    style: "
    center: [0, 0],
    zoom: 13,
});

¡Estoy muy emocionado de dibujar un mapa sin que mi máquina me indique nada!