MapBox Android版开发 3 地图样式v9

于 2024-09-02 13:39:20 发布
阅读量539 收藏 6
点赞数 20
分类专栏： MapBox Android开发 文章标签： android MapBox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kikikiki001/article/details/141817521
版权

MapBox Android版开发 3 地图样式v9

前言

MapBox SDK允许自定义地图的外观。可以选择地图样式，也可以调整地图的颜色、图标和字体来创建自定义地图样式。

有两种方法自定义地图的外观：

  1. 使用Mapbox Studio创建自定义地图样式。
  2. 使用Android版Maps SDK在运行时更新地图功能，并可以动态切换语言，调整标签大小以提高可读性，根据一天中的时间调暗地图，个性化图标和地图颜色。

本文重点介绍MapBox默认的样式，样式相关的类和方法，以及如何动态更新样式并本地化语言。

MapBox样式对比

风格常量说明v9v11
Mapbox StandardSTANDARDA dynamic and performant 3D style that is the default for Mapbox maps.-standard
Mapbox Standard SatelliteSTANDARD_SATELLITECombines updated satellite imagery and vector layers to offer users improved clarity and detail.-standard-satellite
Mapbox StreetsMAPBOX_STREETSA complete base map, perfect for incorporating your own data.streets-v11streets-v12
OutdoorsOUTDOORSA general-purpose style tailored to outdoor activities.outdoors-v11outdoors-v12
LightLIGHTSubtle light backdrop for data visualizations.light-v10light-v11
DarkDARKSubtle dark backdrop for data visualizations.dark-v10dark-v11
SatelliteSATELLITEA beautiful global satellite and aerial imagery layer.satellite-v9satellite-v9
Satellite StreetsSATELLITE_STREETSGlobal satellite and aerial imagery with unobtrusive labels.satellite-streets-v11satellite-streets-v12
Traffic DayTRAFFIC_DAYColor-coded roads based on live traffic congestion data.traffic-day-v2traffic-day-v2
Traffic NightTRAFFIC_NIGHTColor-coded roads based on live traffic congestion data, designed to maximize legibility in low-light situations.traffic-night-v2traffic-night-v2

主要类和方法

Style类

Style对象是指应用程序中使用的Mapbox地图样式。通过Style对象添加将Source、Layer和Image添加到地图上。必须设置Style对象地图才能正确显示。如果样式加载失败或设置了无效样式URL，地图视图将变为空白，并触发MapView.OnDidFailLoadingMapListener回调。

地图样式是由多个组件组成的，其中最重要的是数据源 source 和图层 layer。

  • source 是地图数据的来源，定义地图上显示的数据类型和数据位置。
  • layer 是地图样式中的可视化组件，定义如何渲染数据源中的数据。
  • 每个图层都引用一个数据源，并指定如何将该数据源中的数据绘制到地图上。
  • 一个数据源可以被多个图层引用，从而实现数据的复用和多层次的展示。
  • 通过组合不同的数据源和图层，可以创建出丰富多样的地图样式。

Style类成员变量

public class Style {

  static final String EMPTY_JSON = "{\"version\": 8,\"sources\": {},\"layers\": []}";

  private final NativeMap nativeMap;
  private final HashMap<String, Source> sources = new HashMap<>();
  private final HashMap<String, Layer> layers = new HashMap<>();
  private final HashMap<String, Bitmap> images = new HashMap<>();
  private final Builder builder;
  private boolean fullyLoaded;
  ......
}

Style类Layer方法

类型方法说明
LayergetLayer(@NonNull String id)Get the layer by id
List< Layer >getLayers()Retrieve all the layers in the style
< T extends Layer > TgetLayerAs(@NonNull String layerId)Tries to cast the Layer to T, throws ClassCastException if it’s another type.
voidaddLayer(@NonNull Layer layer)Adds the layer to the map.
voidvoid addLayerBelow(@NonNull Layer layer, @NonNull String below)Adds the layer to the map.
voidaddLayerAbove(@NonNull Layer layer, @NonNull String above)Adds the layer to the map.
voidaddLayerAt(@NonNull Layer layer, @IntRange(from = 0) int index)Adds the layer to the map at the specified index.
booleanremoveLayer(@NonNull String layerId)Removes the layer
booleanremoveLayer(@NonNull Layer layer)Removes the layer.
booleanremoveLayerAt(@IntRange(from = 0) int index)Removes the layer.

默认的MapBox样式

/**
 * Indicates the parameter accepts one of the values from Style. Using one of these
 * constants means your map style will always use the latest version and may change as we
 * improve the style
 */
@StringDef({MAPBOX_STREETS, OUTDOORS, LIGHT, DARK, SATELLITE, SATELLITE_STREETS, TRAFFIC_DAY, TRAFFIC_NIGHT})
@Retention(RetentionPolicy.SOURCE)
public @interface StyleUrl {
}

public static final String MAPBOX_STREETS = "mapbox://styles/mapbox/streets-v11";
public static final String OUTDOORS = "mapbox://styles/mapbox/outdoors-v11";
public static final String LIGHT = "mapbox://styles/mapbox/light-v10";
public static final String DARK = "mapbox://styles/mapbox/dark-v10";
public static final String SATELLITE = "mapbox://styles/mapbox/satellite-v9";
public static final String SATELLITE_STREETS = "mapbox://styles/mapbox/satellite-streets-v11";
public static final String TRAFFIC_DAY = "mapbox://styles/mapbox/traffic-day-v2";
public static final String TRAFFIC_NIGHT = "mapbox://styles/mapbox/traffic-night-v2";

OnStyleLoaded 接口

/**
 * Callback to be invoked when a style has finished loading.
 */
public interface OnStyleLoaded {
  /**
   * Invoked when a style has finished loading.
   *
   * @param style the style that has finished loading
   */
  void onStyleLoaded(@NonNull Style style);
}

MapboxMap类

类型方法说明
StylegetStyle()Get the Style of the map.
voidgetStyle(@NonNull Style.OnStyleLoaded onStyleLoaded)Get the Style of the map asynchronously.
voidsetStyle(@Style.StyleUrl String style)Loads a new map style from the specified bundled style.
voidsetStyle(@Style.StyleUrl String style, final Style.OnStyleLoaded callback)Loads a new map style from the specified bundled style.
The callback to be invoked when the style has loaded
voidsetStyle(Style.Builder builder)Loads a new map style from the specified builder.
voidsetStyle(Style.Builder builder, final Style.OnStyleLoaded callback)Loads a new map style from the specified builder.
The callback to be invoked when the style has loaded

获取样式

/**
 * Get the Style of the map asynchronously.
 */
public void getStyle(@NonNull Style.OnStyleLoaded onStyleLoaded) {
  if (style != null && style.isFullyLoaded()) {
    onStyleLoaded.onStyleLoaded(style);
  } else {
    awaitingStyleGetters.add(onStyleLoaded);
  }
}

/**
 * Get the Style of the map.
 * <p>
 * Returns null when style is being loaded.
 * </p>
 *
 * @return the style of the map
 */
@Nullable
public Style getStyle() {
  if (style == null || !style.isFullyLoaded()) {
    return null;
  } else {
    return style;
  }
}

通过Style.StyleUrl设置样式

/**
 * Loads a new map style from the specified bundled style.
 * <p>
 * This method is asynchronous and will return before the style finishes loading.
 * If you wish to wait for the map to finish loading, listen to the {@link MapView.OnDidFinishLoadingStyleListener}
 * callback or use the {@link #setStyle(String, Style.OnStyleLoaded)} method instead.
 * </p>
 * If the style fails to load or an invalid style URL is set, the map view will become blank.
 * An error message will be logged in the Android logcat and {@link MapView.OnDidFailLoadingMapListener} callback
 * will be triggered.
 *
 * @param style The bundled style
 * @see Style
 */
public void setStyle(@Style.StyleUrl String style) {
  this.setStyle(style, null);
}

/**
 * Loads a new map style from the specified bundled style.
 * <p>
 * If the style fails to load or an invalid style URL is set, the map view will become blank.
 * An error message will be logged in the Android logcat and {@link MapView.OnDidFailLoadingMapListener} callback
 * will be triggered.
 * </p>
 *
 * @param style    The bundled style
 * @param callback The callback to be invoked when the style has loaded
 * @see Style
 */
public void setStyle(@Style.StyleUrl String style, final Style.OnStyleLoaded callback) {
  this.setStyle(new Style.Builder().fromUri(style), callback);
}

通过Style.Builder设置样式

/**
 * Loads a new map style from the specified builder.
 * <p>
 * If the builder fails to load, the map view will become blank. An error message will be logged in the Android logcat
 * and {@link MapView.OnDidFailLoadingMapListener} callback will be triggered. If you wish to wait for the map to
 * finish loading, listen to the {@link MapView.OnDidFinishLoadingStyleListener} callback or use the
 * {@link #setStyle(String, Style.OnStyleLoaded)} instead.
 * </p>
 *
 * @param builder The style builder
 * @see Style
 */
public void setStyle(Style.Builder builder) {
  this.setStyle(builder, null);
}

/**
 * Loads a new map style from the specified builder.
 * <p>
 * If the builder fails to load, the map view will become blank. An error message will be logged in the Android logcat
 * and {@link MapView.OnDidFailLoadingMapListener} callback will be triggered.
 * </p>
 *
 * @param builder  The style builder
 * @param callback The callback to be invoked when the style has loaded
 * @see Style
 */
public void setStyle(Style.Builder builder, final Style.OnStyleLoaded callback) {
  styleLoadedCallback = callback;
  locationComponent.onStartLoadingMap();
  if (style != null) {
    style.clear();
  }

  style = builder.build(nativeMapView);
  if (!TextUtils.isEmpty(builder.getUri())) {
    nativeMapView.setStyleUri(builder.getUri());
  } else if (!TextUtils.isEmpty(builder.getJson())) {
    nativeMapView.setStyleJson(builder.getJson());
  } else {
    // user didn't provide a `from` component, load a blank style instead
    nativeMapView.setStyleJson(Style.EMPTY_JSON);
  }
}

Style.Builder

类型方法说明
BuilderfromUrl(@NonNull String url)Will loads a new map style asynchronous from the specified URL.
BuilderfromUri(@NonNull String uri)Will loads a new map style asynchronous from the specified URI.
BuilderfromJson(@NonNull String styleJson)Will load a new map style from a json string.
BuilderwithSource(@NonNull Source source)Will add the source when map style has loaded.
BuilderwithSources(@NonNull Source… sources)Will add the sources when map style has loaded.
BuilderwithLayer(@NonNull Layer layer)Will add the layer when the style has loaded.
BuilderwithLayers(@NonNull Layer… layers)Will add the layers when the style has loaded.
BuilderwithLayerAt(@NonNull Layer layer, int index)Will add the layer when the style has loaded at a specified index.
BuilderwithLayerAbove(@NonNull Layer layer, @NonNull String aboveLayerId)Will add the layer when the style has loaded above a specified layer id.
BuilderwithLayerBelow(@NonNull Layer layer, @NonNull String belowLayerId)Will add the layer when the style has loaded below a specified layer id.
BuilderwithTransition(@NonNull TransitionOptions transition)Will add the transition when the map style has loaded.
BuilderwithImage(@NonNull String id, @NonNull Drawable drawable)Will add the drawable as image when the map style has loaded.
Builder……

示例代码

地图样式类

设置地图样式，样式加载完成后重新本地化地图语言。

public class MapStyle {
    MapboxMap map;

    public MapStyle(MapboxMap map) {
        this.map = map;
    }

    public void changeStyle(String style) {
        map.setStyle(style, new Style.OnStyleLoaded() {

            @Override
            public void onStyleLoaded(@NonNull Style style) {
                // Custom map style has been loaded and map is now ready 
                setLanguage(style);
            }
        });
    }

    public void setLanguage(@NonNull Style style) {
        final String chinese = "{name_zh-Hans}";
        List<Layer> layers = style.getLayers();
        for (Layer layer : layers) {
            if (layer instanceof SymbolLayer) {
                SymbolLayer symbolLayer = (SymbolLayer) layer;
                String id = symbolLayer.getId();
                if (id.contains("-label")) {
                    symbolLayer.setProperties(textField(chinese));
                }
            }
        }
    }
}

界面布局

在这里插入图片描述

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MapViewActivity">

    <com.mapbox.mapboxsdk.maps.MapView
        android:id="@+id/mapView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintBottom_toTopOf="@id/bottomView"
        app:layout_constraintTop_toTopOf="parent"
        app:mapbox_cameraTargetLat="32.2857965"
        app:mapbox_cameraTargetLng="104.293174"
        app:mapbox_cameraZoom="2"
        app:mapbox_uiCompassGravity="start|top" />

    <HorizontalScrollView
        android:id="@+id/bottomView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/background_dark"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintTop_toBottomOf="@id/mapView">

        <RadioGroup
            android:id="@+id/RadioGroup"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="horizontal"
            android:paddingHorizontal="10dp">

            <RadioButton
                android:id="@+id/streets"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="true"
                android:onClick="setMapStyle"
                android:text="基础"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <RadioButton
                android:id="@+id/satellite"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="setMapStyle"
                android:text="影像"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <RadioButton
                android:id="@+id/satelliteStreets"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="setMapStyle"
                android:text="影像标签"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <RadioButton
                android:id="@+id/outdoors"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="setMapStyle"
                android:text="户外"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <RadioButton
                android:id="@+id/light"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="false"
                android:onClick="setMapStyle"
                android:text="浅"
                android:textColor="@color/white"
                android:textStyle="bold" />

            <RadioButton
                android:id="@+id/dark"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:checked="false"
                android:onClick="setMapStyle"
                android:text="深"
                android:textColor="@color/white"
                android:textStyle="bold" />

        </RadioGroup>
    </HorizontalScrollView>

</androidx.constraintlayout.widget.ConstraintLayout>

控件响应事件

public void setMapStyle(View view) {
    boolean checked = ((RadioButton) view).isChecked();
    if (!checked)
        return;

    int id = view.getId();
    if (id == R.id.streets) {
        mapStyle.changeStyle(Style.MAPBOX_STREETS);
    } else if (id == R.id.satellite) {
        mapStyle.changeStyle(Style.SATELLITE);
    } else if (id == R.id.satelliteStreets) {
        mapStyle.changeStyle(Style.SATELLITE_STREETS);
    } else if (id == R.id.outdoors) {
        mapStyle.changeStyle(Style.OUTDOORS);
    } else if (id == R.id.light) {
        mapStyle.changeStyle(Style.LIGHT);
    } else if (id == R.id.dark) {
        mapStyle.changeStyle(Style.DARK);
    }
}

运行效果图

基础影像影像+标签
在这里插入图片描述在这里插入图片描述在这里插入图片描述
户外浅深
在这里插入图片描述在这里插入图片描述在这里插入图片描述

附不同样式中的图层

查看地图样式的图层Z索引顺序和图层ID。

样式图层
Mapbox Streetsland, landcover, national-park, landuse, pitch-outline, water-shadow, waterway, water, hillshade, land-structure-polygon, land-structure-line, aeroway-polygon, aeroway-line, building-outline, building, tunnel-street-minor-low, tunnel-street-minor-case, tunnel-primary-secondary-tertiary-case, tunnel-major-link-case, tunnel-motorway-trunk-case, tunnel-construction, tunnel-path, tunnel-steps, tunnel-major-link, tunnel-pedestrian, tunnel-street-minor, tunnel-primary-secondary-tertiary, tunnel-oneway-arrow-blue, tunnel-motorway-trunk, tunnel-oneway-arrow-white, ferry, ferry-auto, road-path-bg, road-steps-bg, turning-feature-outline, road-pedestrian-case, road-minor-low, road-street-low, road-minor-case, road-street-case, road-secondary-tertiary-case, road-primary-case, road-major-link-case, road-motorway-trunk-case, road-construction, road-path, road-steps, road-major-link, road-pedestrian, road-pedestrian-polygon-fill, road-pedestrian-polygon-pattern, road-polygon, road-minor, road-street, road-secondary-tertiary, road-primary, road-oneway-arrow-blue, road-motorway-trunk, road-rail, road-rail-tracks, level-crossing, road-oneway-arrow-white, turning-feature, golf-hole-line, bridge-path-bg, bridge-steps-bg, bridge-pedestrian-case, bridge-street-minor-low, bridge-street-minor-case, bridge-primary-secondary-tertiary-case, bridge-major-link-case, bridge-motorway-trunk-case, bridge-construction, bridge-path, bridge-steps, bridge-major-link, bridge-pedestrian, bridge-street-minor, bridge-primary-secondary-tertiary, bridge-oneway-arrow-blue, bridge-motorway-trunk, bridge-rail, bridge-rail-tracks, bridge-major-link-2-case, bridge-motorway-trunk-2-case, bridge-major-link-2, bridge-motorway-trunk-2, bridge-oneway-arrow-white, aerialway, admin-1-boundary-bg, admin-0-boundary-bg, admin-1-boundary, admin-0-boundary, admin-0-boundary-disputed, building-number-label, road-label, road-number-shield, road-exit-shield, golf-hole-label, waterway-label, natural-line-label, natural-point-label, water-line-label, water-point-label, poi-label, transit-label, airport-label, settlement-subdivision-label, settlement-label, state-label, country-label, com.mapbox.annotations.points
Satellitebackground, satellite, com.mapbox.annotations.points
Satellite Streetsbackground, satellite, tunnel-primary-secondary-tertiary-case, tunnel-major-link-case, tunnel-motorway-trunk-case, tunnel-path, tunnel-steps, tunnel-major-link, tunnel-pedestrian, tunnel-primary-secondary-tertiary, tunnel-oneway-arrow-blue, tunnel-motorway-trunk, tunnel-oneway-arrow-white, ferry, ferry-auto, road-pedestrian-case, road-street-low, road-street-case, road-secondary-tertiary-case, road-primary-case, road-major-link-case, road-motorway-trunk-case, road-path, road-steps, road-major-link, road-pedestrian, road-street, road-secondary-tertiary, road-primary, road-oneway-arrow-blue, road-motorway-trunk, road-oneway-arrow-white, bridge-pedestrian-case, bridge-primary-secondary-tertiary-case, bridge-major-link-case, bridge-motorway-trunk-case, bridge-path, bridge-steps, bridge-major-link, bridge-pedestrian, bridge-primary-secondary-tertiary, bridge-oneway-arrow-blue, bridge-motorway-trunk, bridge-major-link-2-case, bridge-motorway-trunk-2-case, bridge-major-link-2, bridge-motorway-trunk-2, bridge-oneway-arrow-white, aerialway, admin-1-boundary-bg, admin-0-boundary-bg, admin-1-boundary, admin-0-boundary, admin-0-boundary-disputed, road-label, road-number-shield, road-exit-shield, waterway-label, natural-line-label, natural-point-label, water-line-label, water-point-label, poi-label, transit-label, airport-label, settlement-subdivision-label, settlement-label, state-label, country-label, com.mapbox.annotations.points
Outdoorsland, landcover, national-park, national_park-tint-band, landuse, pitch-outline, waterway-shadow, water-shadow, waterway, water, wetland, wetland-pattern, hillshade, contour-line, land-structure-polygon, land-structure-line, aeroway-polygon, aeroway-line, building-outline, building, tunnel-street-minor-low, tunnel-street-minor-case, tunnel-primary-secondary-tertiary-case, tunnel-major-link-case, tunnel-motorway-trunk-case, tunnel-construction, tunnel-path-smooth-rough, tunnel-path-cycleway-piste, tunnel-steps, tunnel-major-link, tunnel-pedestrian, tunnel-street-minor, tunnel-primary-secondary-tertiary, tunnel-oneway-arrow-blue, tunnel-motorway-trunk, tunnel-oneway-arrow-white, cliff, ferry, ferry-auto, road-path-bg, road-steps-bg, road-pedestrian-case, road-street-low, road-minor-case, road-street-case, road-secondary-tertiary-case, road-primary-case, road-major-link-case, road-motorway-trunk-case, road-construction, road-path-smooth, road-path-rough, road-path-cycleway-piste, road-steps, road-major-link, road-pedestrian, road-pedestrian-polygon-fill, road-pedestrian-polygon-pattern, road-polygon, road-minor, road-street, road-secondary-tertiary, road-primary, road-oneway-arrow-blue, road-motorway-trunk, road-rail, road-rail-tracks, level-crossing, road-oneway-arrow-white, golf-hole-line, gate-fence-hedge, bridge-path-bg, bridge-steps-bg, bridge-pedestrian-case, bridge-street-minor-low, bridge-street-minor-case, bridge-primary-secondary-tertiary-case, bridge-major-link-case, bridge-motorway-trunk-case, bridge-construction, bridge-path-smooth-rough, bridge-path-cycleway-piste, bridge-steps, bridge-major-link, bridge-pedestrian, bridge-street-minor, bridge-primary-secondary-tertiary, bridge-oneway-arrow-blue, bridge-motorway-trunk, bridge-rail, bridge-rail-tracks, bridge-major-link-2-case, bridge-motorway-trunk-2-case, bridge-major-link-2, bridge-motorway-trunk-2, bridge-oneway-arrow-white, aerialway-bg, aerialway, admin-1-boundary-bg, admin-0-boundary-bg, admin-1-boundary, admin-0-boundary, admin-0-boundary-disputed, contour-label, building-number-label, road-label, road-number-shield, road-exit-shield, golf-hole-label, waterway-label, natural-line-label, natural-point-label, water-line-label, water-point-label, poi-label, transit-label, airport-label, settlement-subdivision-label, settlement-label, state-label, country-label, com.mapbox.annotations.points
Lightland, landcover, national-park, landuse, water-shadow, waterway, water, hillshade, land-structure-polygon, land-structure-line, aeroway-polygon, aeroway-line, building-outline, building, tunnel-street-minor-low, tunnel-street-minor-case, tunnel-primary-secondary-tertiary-case, tunnel-major-link-case, tunnel-motorway-trunk-case, tunnel-construction, tunnel-path, tunnel-steps, tunnel-major-link, tunnel-pedestrian, tunnel-street-minor, tunnel-primary-secondary-tertiary, tunnel-motorway-trunk, road-pedestrian-case, road-minor-low, road-street-low, road-minor-case, road-street-case, road-secondary-tertiary-case, road-primary-case, road-major-link-case, road-motorway-trunk-case, road-construction, road-path, road-steps, road-major-link, road-pedestrian, road-minor, road-street, road-secondary-tertiary, road-primary, road-motorway-trunk, road-rail, bridge-pedestrian-case, bridge-street-minor-low, bridge-street-minor-case, bridge-primary-secondary-tertiary-case, bridge-major-link-case, bridge-motorway-trunk-case, bridge-construction, bridge-path, bridge-steps, bridge-major-link, bridge-pedestrian, bridge-street-minor, bridge-primary-secondary-tertiary, bridge-motorway-trunk, bridge-rail, bridge-major-link-2-case, bridge-motorway-trunk-2-case, bridge-major-link-2, bridge-motorway-trunk-2, admin-1-boundary-bg, admin-0-boundary-bg, admin-1-boundary, admin-0-boundary, admin-0-boundary-disputed, road-label, waterway-label, natural-line-label, natural-point-label, water-line-label, water-point-label, poi-label, airport-label, settlement-subdivision-label, settlement-label, state-label, country-label, com.mapbox.annotations.points
Darkland, landcover, national-park, landuse, water-shadow, waterway, water, hillshade, land-structure-polygon, land-structure-line, aeroway-polygon, aeroway-line, building-outline, building, tunnel-street-minor-low, tunnel-street-minor-case, tunnel-primary-secondary-tertiary-case, tunnel-major-link-case, tunnel-motorway-trunk-case, tunnel-construction, tunnel-path, tunnel-steps, tunnel-major-link, tunnel-pedestrian, tunnel-street-minor, tunnel-primary-secondary-tertiary, tunnel-motorway-trunk, road-pedestrian-case, road-minor-low, road-street-low, road-minor-case, road-street-case, road-secondary-tertiary-case, road-primary-case, road-major-link-case, road-motorway-trunk-case, road-construction, road-path, road-steps, road-major-link, road-pedestrian, road-minor, road-street, road-secondary-tertiary, road-primary, road-motorway-trunk, road-rail, bridge-pedestrian-case, bridge-street-minor-low, bridge-street-minor-case, bridge-primary-secondary-tertiary-case, bridge-major-link-case, bridge-motorway-trunk-case, bridge-construction, bridge-path, bridge-steps, bridge-major-link, bridge-pedestrian, bridge-street-minor, bridge-primary-secondary-tertiary, bridge-motorway-trunk, bridge-rail, bridge-major-link-2-case, bridge-motorway-trunk-2-case, bridge-major-link-2, bridge-motorway-trunk-2, admin-1-boundary-bg, admin-0-boundary-bg, admin-1-boundary, admin-0-boundary, admin-0-boundary-disputed, road-label, waterway-label, natural-line-label, natural-point-label, water-line-label, water-point-label, poi-label, airport-label, settlement-subdivision-label, settlement-label, state-label, country-label, com.mapbox.annotations.points
程序喵D
关注
  • 20
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零开始Vue项目中使用MapboxGL开发三维地图教程（二）Mapbox地图样式
tigerhhzz的博客
06-12 1699
Mapbox地图样式：按照Mapbox地图样式规范中描述的模式定义的一个JSON对象，或者是此类JSON的URL。可以接受null值以允许手动添加样式。要从Mapbox API加载样式，可以使用表单的URL其中：owner是您的Mapbox帐户名，：style是样式ID。
051：cesium加载mapbox的多种Style形式地图
大剑师兰特的GIS世界
04-18 548
第051个本示例的目的是介绍如何在vue+cesium中加载mapbox的多种Style形式地图，包括dark-v11，streets-v12，navigation-night-v1，outdoors-v12，satellite-v9，satellite-streets-v12，light-v10。
Android地图应用新视界--mapbox的应用开发之简单功能提取篇
风离紫竹zhangqiang的博客
06-08 8486
上一篇-Android地图应用新视界--mapbox的应用开发之初始集成篇-中介绍了全球应用的多平台地图框架mapbox在Android端的集成步骤,此篇将延续上篇内容,主要提取一些简单的常用方法,开发者可以藉此做简单开发 如下: 目前开发者账户公共令牌: pk.eyJ1IjoiamFja3l6IiwiYSI6ImNpb2pxbzJrb
MapBox加载不同风格的地图
weixin_42562567的博客
03-12 3382
初始化MapBox地图： var map = new mapboxgl.Map({ container: 'map', zoom: 3, center: [105, 34], //此处更改地图风格 style: 'mapbox://styles/mapbox/satellite-v9', hash: false, }); 1.基础地图（mapbox://style
Android开发，MapBox地图详细介绍、使用、部分功能实现（初始化、标记、定位、styleurl）
zoe技术博客专栏
02-13 1万+
MapBox介绍：MapBox 最初是与 OpenStreetMaps 合作的开源项目，后来开始独立发展。当 Google 开始为地图 API 收费的时候，Mapbox 获得了巨大的发展机会。它的客户曾有 NPR、卫报、绿色和平组织和 FCC ，如今它为 Foursquare、Evernote 等公司提供地图服务。最近，MapBox 开始了一项野心勃勃的计划——构建世界上最漂亮的地图。它有什么秘密...
vue3+mapbox初始化地图及添加按钮
SWK_123的博客
01-25 1137
vue3中mapbox初始化地图，及添加绘制、全屏、切换底图、缩放等按钮。
Android开发，MapBox的使用及部分功能实现（一）----- 初始化、标记、定位、styleurl
Stanny_Bing的博客
04-18 1万+
近期，应公司要求，开始接触MapBox For Android的开发。 经过初步的接触，发现MapBox与我之前使用的Arcgis有很多不同，相比起来，MapBox更清洁，更轻便，也更容易使用，但是相对的，MapBox相对于Arcgis缺少了很多的功能实现，许多的东西都需要自己去进行处理才能实现。 下面是我一步步接触并使用MapBox的记录，可能会比较乱。另外，由于是一步步的写下来了，可能前期
Mapbox的是最新中文API（一），www_ww_ww原创Mapbox Android SDK
热门推荐
王老思J的博客
09-08 1万+
Mapbox Android SDK Mapbox Android SDK本指南将指导您完成Mapbox在Android Studio上加载地图 并改变地图的风格。 当然!我们还积极发展Mapbox Android SDK和将更新本指南和添加新的改进的神奇功能。 开始 开始之前你需要准备: An access token你可以在此帐
Mapbox网络GIS开发第一步——Mapbox本地化
Abner_Mars的博客
11-01 2620
对于使用mapbox_gl_js来进行的前端地图页面的开发，通常我们可以直接调用在线的mapbox组件资源，轻易的使用mapbox_gl_js提供的前端开发框架,但是由于网络延迟等一些列网络上的不确定因素，在进行正式的开发任务以及后期部署到生产环境的过程中会带来太多的不稳定因素，所以为了保证开发后的系统在生成环境中稳定的运行我们通常需要将mapbox_gl_js的在线资源本地化，接下里本文将一步步的介绍如何完成mapbox_gl_js的本地化： 我们会用到以下工具来完成资源的本地化： Tomcat用于提
Android开发 自定义mapbox地图比例尺
08-09
在Android开发中，Mapbox是一个强大的地图服务框架，它提供了丰富的自定义功能，使得开发者能够构建出具有个性化设计的地图应用。本教程将详细介绍如何在Mapbox地图中实现自定义比例尺的功能。 首先，我们需要理解...
mapbox-android-demo：适用于Android的Mapbox Maps SDK的Google Play演示应用
02-04
这是Android版Mapbox Maps SDK的公开演示。 该演示应用，并展示了许多示例，这些示例可在以下位置找到： 还有仅在应用程序中存在的示例。 该应用程序的“实验室”部分提供了一些示例，这些示例通常结合了各种...
mapbox-maps-android：在本机Android中由矢量图块和OpenGL支持的交互式，可完全自定义的地图
02-16
本自述文件供有兴趣为Android Mapbox Maps SDK做出贡献的开发人员使用。 请访问了解有关在Android应用程序中使用Maps SDK的一般信息和说明。 发展 如果您有兴趣为Maps SDK做出贡献，请参阅文件以获取有关设置，运行...
android mapbox地图新手基础 demo
09-07
Mapbox是一款强大的地图服务提供商，尤其在Android平台上，它为开发者提供了一整套地图解决方案，包括自定义地图样式、地理编码、路径规划等功能。对于新手来说，了解并掌握Mapbox地图的基本使用是至关重要的。 ...
一道关于php文件包含的CTF题
m0_62903168的博客
08-27 3777
这是index.php的页面。点击login后会发现url里多了action的参数，那么我们就可以通过它来获取源码。?再通过base64的解码可以查看源码。
【QNX+Android虚拟化方案】107 - QNX NFS Server + Android NFS Client 完整配置
最新发布
|~~~热爱生活、努力学习的小伙汁~~~|
08-31 543
【QNX+Android虚拟化方案】107 - QNX NFS Server + Android NFS Client 完整配置
Android 获取ip地址多种方式介绍
wenzhi的博客
08-29 1662
adb shell 的 ifconfig可以获取当前设备网络节点信息；这些信息使用Android代码也是可以获取的；Android 获取网络ip有多种方式，有时候某种方式获取失败的情况下；那么就可以换一种获取方式，所有多学习一下获取网络ip相关信息是有用的。本文介绍三种获取网络ip信息的方式，并且最后一种的代码不用任何权限就能获取到相关节点的ip和MAC地址，有兴趣的可以看看。
android交叉编译报错no input files的解决方法
louObaichu的专栏
08-28 294
安装NDK后，make报错"clang-18: error: no input files"，即使直接使用clang命令（例如clang -c test.c）仍然报错。
利用session.upload_progress执行文件包含
m0_70638961的博客
08-27 720
默认情况下，session.upload_progress是开启的，我们发送一下以下数据包，可见，我在上传文件的同时，POST了一个名为PHP_SESSION_UPLOAD_PROGRESS的字段，其值为。session.upload_progress最初是PHP为上传进度条设计的一个功能，在上传文件较大的情况下，PHP将进行流式上传，并将进度信息放在Session中（包含用户可控的值），即使此时用户没有初始化Session，PHP也会自动初始化Session。按理来说这个脚本是没什么问题的。
Android开发mapbox implementation 'com.mapbox.mapboxsdk:mapbox-android-plugin-localization-v9:0.12.0' implementation 'com.mapbox.mapboxsdk:mapbox-android-plugin-traffic-v9:0.10.0'这个方法怎么升级至v10版本
06-08
要将这两个 Mapbox Android 插件升级到 v10 版本，你需要将 Gradle 依赖项中的版本号更改为相应的版本。请使用以下依赖项进行升级： ``` implementation 'com.mapbox.mapboxsdk:mapbox-android-plugin-localization:0.13.0' implementation 'com.mapbox.mapboxsdk:mapbox-android-plugin-traffic:0.12.0' ``` 请注意，这些依赖项已经被重命名为 `mapbox-android-plugin-localization` 和 `mapbox-android-plugin-traffic`。如果您使用的是 `mapbox-android-plugin-localization-v9` 或 `mapbox-android-plugin-traffic-v9`，则需要将其替换为新的依赖项名称。 此外，还需要将 Mapbox SDK 的版本号更新到 v10 版本。请使用以下依赖项： ``` implementation 'com.mapbox.mapboxsdk:mapbox-android-sdk:10.1.0' ``` 请注意，这些依赖项可能会与您的应用程序中其他库的版本冲突。如果出现问题，请根据 Gradle 错误消息解决依赖项冲突。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值