La idea es hacer un mapa simple para ladera sur, pero siempre aparecen pequeños obstáculos.
En principio, me basé en siguiente ejemplo de hacer marcadores personalizados
Y también en esta guía, que contiene la mayoría de los pasos que necesito, excepto
Para fuentes pesadas, mapbox recomienda meter el geojson en un archivo externo. Esto se hace del siguiente modo:
map.addSource('some id', {
type: 'geojson',
data: 'https://mydomain.mydata.geojson'
});
No es mi caso, me conviene meter el archivo en una variable. Lo único complejo sería aplicar eso a un sitio web de terceros, en el que uno no controla el HTML final.
Le agregué los controles básicos de navegación que había puesto en la primera prueba, y una función para encuadrar los marcadores independiente de la resolución, con fitBounds.