MapBox Android版开发 3 地图样式v9
前言
MapBox SDK允许自定义地图的外观。可以选择地图样式,也可以调整地图的颜色、图标和字体来创建自定义地图样式。
有两种方法自定义地图的外观:
- 使用Mapbox Studio创建自定义地图样式。
- 使用Android版Maps SDK在运行时更新地图功能,并可以动态切换语言,调整标签大小以提高可读性,根据一天中的时间调暗地图,个性化图标和地图颜色。
本文重点介绍MapBox默认的样式,样式相关的类和方法,以及如何动态更新样式并本地化语言。
MapBox样式对比
风格 | 常量 | 说明 | v9 | v11 |
---|---|---|---|---|
Mapbox Standard | STANDARD | A dynamic and performant 3D style that is the default for Mapbox maps. | - | standard |
Mapbox Standard Satellite | STANDARD_SATELLITE | Combines updated satellite imagery and vector layers to offer users improved clarity and detail. | - | standard-satellite |
Mapbox Streets | MAPBOX_STREETS | A complete base map, perfect for incorporating your own data. | streets-v11 | streets-v12 |
Outdoors | OUTDOORS | A general-purpose style tailored to outdoor activities. | outdoors-v11 | outdoors-v12 |
Light | LIGHT | Subtle light backdrop for data visualizations. | light-v10 | light-v11 |
Dark | DARK | Subtle dark backdrop for data visualizations. | dark-v10 | dark-v11 |
Satellite | SATELLITE | A beautiful global satellite and aerial imagery layer. | satellite-v9 | satellite-v9 |
Satellite Streets | SATELLITE_STREETS | Global satellite and aerial imagery with unobtrusive labels. | satellite-streets-v11 | satellite-streets-v12 |
Traffic Day | TRAFFIC_DAY | Color-coded roads based on live traffic congestion data. | traffic-day-v2 | traffic-day-v2 |
Traffic Night | TRAFFIC_NIGHT | Color-coded roads based on live traffic congestion data, designed to maximize legibility in low-light situations. | traffic-night-v2 | traffic-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方法
类型 | 方法 | 说明 |
---|---|---|
Layer | getLayer (@NonNull String id) | Get the layer by id |
List< Layer > | getLayers () | Retrieve all the layers in the style |
< T extends Layer > T | getLayerAs (@NonNull String layerId) | Tries to cast the Layer to T, throws ClassCastException if it’s another type. |
void | addLayer (@NonNull Layer layer) | Adds the layer to the map. |
void | void addLayerBelow (@NonNull Layer layer, @NonNull String below) | Adds the layer to the map. |
void | addLayerAbove (@NonNull Layer layer, @NonNull String above) | Adds the layer to the map. |
void | addLayerAt (@NonNull Layer layer, @IntRange(from = 0) int index) | Adds the layer to the map at the specified index. |
boolean | removeLayer (@NonNull String layerId) | Removes the layer |
boolean | removeLayer (@NonNull Layer layer) | Removes the layer. |
boolean | removeLayerAt (@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类
类型 | 方法 | 说明 |
---|---|---|
Style | getStyle () | Get the Style of the map. |
void | getStyle (@NonNull Style.OnStyleLoaded onStyleLoaded) | Get the Style of the map asynchronously. |
void | setStyle (@Style.StyleUrl String style) | Loads a new map style from the specified bundled style. |
void | setStyle (@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 |
void | setStyle (Style.Builder builder) | Loads a new map style from the specified builder. |
void | setStyle (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
类型 | 方法 | 说明 |
---|---|---|
Builder | fromUrl (@NonNull String url) | Will loads a new map style asynchronous from the specified URL. |
Builder | fromUri (@NonNull String uri) | Will loads a new map style asynchronous from the specified URI. |
Builder | fromJson (@NonNull String styleJson) | Will load a new map style from a json string. |
Builder | withSource (@NonNull Source source) | Will add the source when map style has loaded. |
Builder | withSources (@NonNull Source… sources) | Will add the sources when map style has loaded. |
Builder | withLayer (@NonNull Layer layer) | Will add the layer when the style has loaded. |
Builder | withLayers (@NonNull Layer… layers) | Will add the layers when the style has loaded. |
Builder | withLayerAt (@NonNull Layer layer, int index) | Will add the layer when the style has loaded at a specified index. |
Builder | withLayerAbove (@NonNull Layer layer, @NonNull String aboveLayerId) | Will add the layer when the style has loaded above a specified layer id. |
Builder | withLayerBelow (@NonNull Layer layer, @NonNull String belowLayerId) | Will add the layer when the style has loaded below a specified layer id. |
Builder | withTransition (@NonNull TransitionOptions transition) | Will add the transition when the map style has loaded. |
Builder | withImage (@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 Streets | land, 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 |
Satellite | background, satellite, com.mapbox.annotations.points |
Satellite Streets | background, 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 |
Outdoors | land, 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 |
Light | land, 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 |
Dark | land, 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 |