mapbox 样式

news/2024/11/24 20:55:44/

mapbox 样式

  • styles
    • 1. 矢量瓦片加载(VectorSource)
    • 2. 栅格瓦片加载(RasterSource)
    • 3. 改变地图语种(Language)
    • 4. 隐藏显示图层(Visibility)
    • 5. 地图上加载图片(ImageSource)
    • 6. 时间推移效果

styles

1. 矢量瓦片加载(VectorSource)

VectorSourceActivity

          style.addSource(new VectorSource("terrain-data", "mapbox://mapbox.mapbox-terrain-v2"));LineLayer terrainData = new LineLayer("terrain-data", "terrain-data");terrainData.setSourceLayer("contour");terrainData.setProperties(lineJoin(Property.LINE_JOIN_ROUND),lineCap(Property.LINE_CAP_ROUND),lineColor(Color.parseColor("#ff69b4")),lineWidth(1.9f));style.addLayer(terrainData);

2. 栅格瓦片加载(RasterSource)

AddWmsSourceActivity|AdjustLayerOpacityActivity

          style.addSource(new RasterSource("web-map-source",new TileSet("tileset", "https://img.nj.gov/imagerywms/Natural2015?bbox={"+ "bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:"+ "3857&transparent=true&width=256&height=256&layers=Natural2015"), 256));// Create a RasterLayer with the source created above and then add the layer to the mapif (style.getLayer("tunnel-street-minor-low") != null) {style.addLayerBelow(new RasterLayer("web-map-layer", "web-map-source"), "tunnel-street-minor-low");} else {style.addLayer(new RasterLayer("web-map-layer", "web-map-source"));}

3. 改变地图语种(Language)

LanguageSwitchActivity

  SymbolLayer countryLabelTextSymbolLayer = style.getLayerAs("country-label");countryLabelTextSymbolLayer.setProperties(textField("{name_zh-Hans}"));

4. 隐藏显示图层(Visibility)

ShowHideLayersActivity

  if (VISIBLE.equals(layer.getVisibility().getValue())) {layer.setProperties(visibility(NONE));} else {layer.setProperties(visibility(VISIBLE));}

5. 地图上加载图片(ImageSource)

ImageSourceActivity

  // Set the latitude and longitude values for the image's four cornersLatLngQuad quad = new LatLngQuad(new LatLng(25.7836, -80.11725),new LatLng(25.783548, -80.1397431334),new LatLng(25.7680, -80.13964),new LatLng(25.76795, -80.11725));// Add an ImageSource to the mapstyle.addSource(new ImageSource(ID_IMAGE_SOURCE, quad, R.drawable.miami_beach));// Create a raster layer and use the imageSource's ID as the layer's data. Then add a RasterLayer to the map.style.addLayer(new RasterLayer(ID_IMAGE_LAYER, ID_IMAGE_SOURCE));

6. 时间推移效果

ImageSourceTimeLapseActivity


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

相关文章

初入灵狐

不想呆在学校实操,交了申请表,跑到先前面试好的广州市灵狐软件公司见习,想提前接触企业,好为将来就业做准备。 直至今天,到去灵狐上班应该有5天了,与其说上班,不如说去受培训,每天早…

降本增效这九个月,爱奇艺从“穿越火线”,到“冷静增长”

在互联网行业一致宣称降本、提质、增效的小周期里,爱奇艺已经把这个趋势彻底吃透,展现出成熟的一面。 11月22日美股盘前,爱奇艺发布了2022年第三季度业绩,连续三个季度运营盈利,而且当季净增会员数超千万,…

《穿越火线》几次体验良好的游戏优化方案

文章目录 介绍救世主模式终结者模式30人生化模式挑战模式英雄级武器源武器英雄级武器皮肤英雄级武器游戏玩偶英雄级武器万化包、光效英雄级武器强化英雄级武器音效卡免费获取挑战强化武器戒指击杀效果个人竞技击杀效果人机训练模式交易所火线币快速加入跳跳乐爆头战HS间谍模式地…

前端vue入门(纯代码)20

总以为自己还很年轻,却忽略了岁月的脚步,当身边的一道道风景变成了回忆,才忽然发现,风景依然在,而人已非少年。!!! 【22.求和案例--纯Vue版本】 太简单了,直接上代码案…

对比学习论文-系列4

文章目录 MedCLIP: Contrastive Learning from Unpaired Medical Images and Text目标问题来源模型架构 Supervised Prototypical Contrastive Learning for Emotion Recognition in ConversationPrototypical Contrastive LearningCurriculum Strategy: KECP: Know…

删除目录的页码

删除目录的页码 第一步 在目录的最后插入“分隔符”-“下一页” 第二步 删除正文页码与上一节的链接 第三步 直接用删除键删除目录的页码

Word文档如何去掉最后一页的页码且不会影响其它页的页码

步骤: 1.在最后一页页脚处双击编辑页脚 2.选中最后一页的页码 3.点击设计,单击取消链接到前一页页眉 4.Backspace/Delete去掉最后一页的页码即可

word设置页码不在第一页开始;删除页眉横线的小技巧

(word 2003下操作)上网找如何在WORD中设置页码不在第一页开始,如何删除页眉横线等等细节操作。既然发觉有些都系讲得不明不白,可能是自己理解问题,用自己的语言总结下: WORD中设置页码不在第一页开始&…