MapBox Android sdk v9.6.2加載矢量切片,栅格瓦片
注:看文章之前先要了解source和layer的概念
1.栅格瓦片
栅格的不在多寫看代碼,比較簡單,style的api裡邊有添加在某個圖層之上和之下等
val tileSet = TileSet(
"hubei",
"http://webrd01.is.autonavi.com/appmaptile?
)
tileSet.minZoom = 0f
tileSet.maxZoom = 20f
val source = RasterSource("hubei", tileSet, 256)
style.addSource(source)
val rasterLayer = RasterLayer("raster", "hubei")
style.addLayer(rasterLayer )
2.矢量切片
1.官網demo 傳送門
在這裡主要寫一下加載自己地圖
1> style.json的方式加載。
我這配好的web端一樣的效果,将該檔案放在資源檔案夾下,在onMapReady方法裡代碼如下:
mapboxMap.setStyle(Style.Builder().fromUri("asset://style.json")) { style ->
this.mapboxStyle = style
}
2>加載geoserver釋出的tms服務
同樣吧source寫到本地,看下邊加載代碼:
val vectorSource = VectorSource("vector", "asset://test.json")
style.addSource(vectorSource)
var fillLayer = LineLayer("hb1", "vector")
fillLayer.sourceLayer = "whsroad"
fillLayer.maxZoom = 22f
fillLayer.setProperties(
lineJoin(Property.LINE_JOIN_ROUND),
lineCap(Property.LINE_CAP_ROUND),
lineColor(Color.parseColor("#ff69b4")),
lineWidth(1f)
)
style.addLayer(fillLayer)
fillLayer.sourceLayer = "whsroad"這位你source檔案的layerid,和你geoserver釋出時命名一樣,我這是個線圖層,通過setProperties渲染就好了,這樣圖層就添加上了。
3>在添加一個實時路況的
這個我記載是mapbox的
val vs = VectorSource(
"mapbox-traffic",
"mapbox://mapbox.mapbox-traffic-v1"
)
mapboxStyle.addSource(vs)
val fillLayer = LineLayer("traffic", "mapbox-traffic")
fillLayer.sourceLayer = "traffic"
fillLayer.maxZoom = 22f
fillLayer.setProperties(
lineWidth(1.5f),
lineColor(
match(
Expression.get("congestion"), Expression.color(Color.TRANSPARENT),
Expression.stop("low", Expression.color(Color.parseColor("#aab7ef"))),
Expression.stop("moderate", Expression.color(Color.parseColor("#4264fb"))),
Expression.stop("heavy", Expression.color(Color.parseColor("#ee4e8b"))),
Expression.stop("severe", Expression.color(Color.parseColor("#b43b71")))
)
)
)
mapboxStyle.addLayer(fillLayer)
linecolor填充使用的是Expression,表達式的方式,看一眼官網的style檔案
有case,get就是表達式的,也可以參考js的api一樣的原理,至此地圖加載完成。
問題:
加載mbtiles包尚未加載完成,新版本好像不支援,有這個脫機緩存mapbox-android-plugin-offline,更希望加載mbtiles的,個人是初學者,有實作的大佬感謝指教。