So fügen Sie eine eigene Kachel in Mapbox 4.1 hinzu

Question

Ich habe eine Quelle für Kacheln als URL und möchte diese zu meiner Karte hinzufügen. Ich bin in der Lage, dies mit Google Map und OSMDroid zu tun, aber ich weiß nicht, wie man es mit Mapbox herauszufinden.

Meine URL hat das Format "http...mysource..x=..y=..z=.."

ich eine Lösung für Web gesehen haben, aber ich weiß nicht einen solchen Ansatz für mobile finden.

Answer 1

Ich nehme an, Sie haben eine URL für einen Kachelserver wie http://server/tiles/{z}/{x}/{y}.png Wenn ja, bitte aktualisieren Sie Ihre Frage.

In diesem Mapbox-Beispiel, https://www.mapbox.com/android-sdk/examples/custom-raster/, können Sie einen benutzerdefinierten Mapbox-Stil hinzufügen. Notieren Sie den Parameter für setStyleUrl. Öffnen Sie diese JSON-Datei und überprüfen Sie sie.

mapView.setStyleUrl("https://www.mapbox.com/android-sdk/files/mapbox-raster-v8.json"); 

Sie müssen dann zwei JSON-Dateien erstellen. Siehe hierzu project (für iOS, aber die JSON-Dateien sind für Android, Web und iOS identisch).

---

tile.json Probe

{ 
    "name": "geography-class", 
    "version": "1.0.0", 
    "description": "", 
    "type": "overlay", 
    "format": "png", 
    "minzoom": 0, 
    "maxzoom": 8, 
    "bounds": [-117.30596604, 32.78617375, -117.21820077, 32.88817706], 
    "scale": "1", 
    "profile": "mercator", 
    "tiles": ["http://server/tiles/{z}/{x}/{y}.png"], 
    "tilejson": "2.0.0", 
    "scheme": "xyz" 
} 

---

MapBox Stil JSON, das für setStyleUrl() im Parameter setzen

{ 
    "version": 8, 
    "sources": { 
    "yourTileLayer": { 
     "url": "http://server/tiles/tile.json", 
     "type": "raster", 
     "tiles": [ 
        "http://server/tiles/{z}/{x}/{y}.png" 
        ], 
     "tileSize": 256 
    } 
    }, 
    "layers": [ 
    { 
     "id": "yourTileLayer", 
     "type": "raster", 
     "source": "yourTileLayer" 
    } 
    ] 
}