MapBox Android sdk v9.6.2加载矢量切片,栅格瓦片

news/2024/12/22 19:53:03/

MapBox Android sdk v9.6.2加载矢量切片,栅格瓦片

注:看文章之前先要了解source和layer的概念
1.栅格瓦片
栅格的不在多写看代码,比较简单,style的api里边有添加在某个图层之上和之下等

val tileSet = TileSet("hubei","http://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}")tileSet.minZoom = 0ftileSet.maxZoom = 20fval 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 = 22ffillLayer.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 = 22ffillLayer.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的,个人是初学者,有实现的大佬感谢指教。


http://www.ppmy.cn/news/412839.html

相关文章

百度地图API V2.0 离线版本

百度地图API V2.0 离线版本,支持IE。 发布于 2016-8-22 ,基于此日期前的最新百度地图API V2.0。 感谢 于忠达博客 提供的方法。 更新日志: 2016-09-21 删除IE下不支持的console.log,修改部分DEMO。 下载地址:baid…

ZJS-415/DC220V中间继电器

ZJS-415/DC220V中间继电器 品牌:JOSEF约瑟 名称:中间继电器 型号:ZJS-415;ZJY-620 触点容量:5A/250V 功率消耗:≤1.5W,≤3W,≥5W,≤7W,≤3VA,≤7V…

18V转5V低功率LDO大电流降压芯片

15V和18V的电源供电,要输出转5V的降压电路时,需要注意输入拔插和开关时的浪涌尖峰电压,时常我们需要加TVS管,或者电解电容等等来吸收尖峰高压,同时我们在芯片IC的选择上,也需要把注意输入电压的范围提供留有…

毫安时mAh与瓦时Wh的计算

毫安时mAh与瓦时Wh的计算 毫安时(mAh)---(q) 瓦时(Wh)-------(W) 电压(V)----------(U) 公式:WqU 举例:8…

380伏电压一安是多少瓦?

"伏"是电压单位. "安"是电流单位. "瓦"是电功单位. "度"是电能单位. 其间有关系,但不能相互相等. 380V电压,1A的电流,其电功是380*1380W,其电能是(按上小时计算): 380V*1A*1H0.38KV*1A*1H0.38KWHBN 也就是0.38度. 当然,上面是按照纯电…

【Spring Cloud系列】- Eureka使用详解

【Spring Cloud系列】- Eureka使用详解 文章目录 【Spring Cloud系列】- Eureka使用详解一、概述二、Eureka简介三、Eureka结构与作用Eureka结构图Eureka采用CS(Client/Server,客户端/服务器)架构,它包括以下两大组件 四、Eureka集群及与应用…

手机怎么把证件照缩小到100k以下?手机照片如何压缩变小?

一般我们在提交电子证件的时都要求100k以内的图片,否则无法上传,那么有没有用手机把证件照压缩到100K以下的方法?教你一个简单的方法,收藏起来备用吧。 1.首先用手机打开压缩图网站,选择证件照压缩。 2.点击选择图片压…

解决方案 word excel vba 以下隐藏模块存在编译错误

错误原因1:wps 未安装 【vba for wps office】,导致执行vba脚本时,缺乏基础条件 错误原因2:你用的是公版wps,也许对vba支持不好;换回ms office后依然报错,是因为wps有残留影响到。导致ms offic…