Saltar al contenido

Use MapBox GL JS sin token de acceso

Traemos la mejor respuesta que encontramos en internet. Nosotros queremos que te sea de mucha utilidad y si puedes comentarnos algún detalle que nos pueda ayudar a perfeccionar nuestra información hazlo libremente.

Solución:

Sí, como mencionan los comentarios, simplemente no configure el token de acceso y absténgase de usar estilos o mosaicos de mapbox:

var map = new mapboxgl.Map(
    container: 'map'
    center: [-74.50, 40],
    zoom: 9
);

Luego puede agregar su capa mediante programación a través de map.addLayer/addSource o simplemente cree su propio archivo style.json que haga referencia a su servidor de teselas y capas. La especificación de estilo está ampliamente documentada aquí: https://docs.mapbox.com/mapbox-gl-js/style-spec/

Como la gente ya ha comentado, debe agregar su propia fuente de datos, los estambres tienen algunos servicios de mosaicos abiertos u OSM normal lo haría. cambiar el estilo key ser un objeto con una fuente y parámetros de capas. Los documentos de estilo Mapbox son bastante buenos. https://docs.mapbox.com/mapbox-gl-js/style-spec/

Creé una publicación mediana que va paso a paso: https://medium.com/@markallengis/simple-web-map-using-mapbox-gl-js-a44e583e0589

Ejemplo rápido de lo que quiero decir a continuación, tenga en cuenta si su servicio es vectorial y luego actualice escribe.

style:
        'version': 8,
        'sources': 
          'raster-tiles': 
            'type': 'raster',
            'tiles': [
              'https://yourtileservicehere/z/x/y.jpg'
            ],
            'tileSize': 256,
          
        ,
        'layers': [
          'id': 'simple-tiles',
          'type': 'raster',
          'source': 'raster-tiles',
          'minzoom': 0,
          'maxzoom': 22
        ]
      

Sección de Reseñas y Valoraciones

Si haces scroll puedes encontrar las referencias de otros usuarios, tú todavía puedes dejar el tuyo si lo deseas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *