如何在 Mapbox Android 应用程序上准确地放置骑行路线数据？

Question

我正在做一个项目，希望为骑自行车的人制作一个导航应用程序。因此，我们想要一个图层来显示国家自行车网络认可的所有自行车路线（目前仅显示英国的路线，婴儿步数）。我们找到了一个潜在的解决方案：CyclOSM，它似乎提供了非常准确的信息，并且我们在他们的 tileserver 中找到了一个 link：specific CyclOSM tile 但我们还没有设法找到提取方法所有的图块并将其准确地放置在 mapbox 地图上。实际上有可能做到这一点吗？ Google 搜索 'extracting all raster tiles' 等似乎 return 没有任何结果。或者，欢迎任何其他实现。

Answer 1

我成功了。参见 https://imgur.com/a/DWbTyok

将 https://dev.a.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png 与用于 Android RasterSource 的 Mapbox Maps SDK 一起使用是实现此功能的关键。我已经用上面的 URL 调整了 https://docs.mapbox.com/android/maps/examples/add-a-wms-source/。这是完整的代码。

package com.mapbox.mapboxandroiddemo.examples.styles;

import android.os.Bundle;
import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

import com.mapbox.mapboxandroiddemo.R;
import com.mapbox.mapboxsdk.Mapbox;
import com.mapbox.mapboxsdk.maps.MapView;
import com.mapbox.mapboxsdk.maps.MapboxMap;
import com.mapbox.mapboxsdk.maps.OnMapReadyCallback;
import com.mapbox.mapboxsdk.maps.Style;
import com.mapbox.mapboxsdk.style.layers.RasterLayer;
import com.mapbox.mapboxsdk.style.sources.RasterSource;
import com.mapbox.mapboxsdk.style.sources.TileSet;

/**
 * Adding an external Web Map Service layer to the map.
 */
public class AddWmsSourceActivity extends AppCompatActivity {

  private MapView mapView;

  @Override
  protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    // Mapbox access token is configured here. This needs to be called either in your application
    // object or in the same activity which contains the mapview.
    Mapbox.getInstance(this, getString(R.string.access_token));

    // This contains the MapView in XML and needs to be called after the access token is configured.
    setContentView(R.layout.activity_style_add_wms_source);

    mapView = findViewById(R.id.mapView);
    mapView.onCreate(savedInstanceState);
    mapView.getMapAsync(new OnMapReadyCallback() {
      @Override
      public void onMapReady(@NonNull final MapboxMap mapboxMap) {

        mapboxMap.setStyle(Style.LIGHT, new Style.OnStyleLoaded() {
          @Override
          public void onStyleLoaded(@NonNull Style style) {

            // Add the web map source to the map
            style.addSource(new RasterSource(
              "web-map-source",
              new TileSet("tileset", "https://dev.a.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png"), 256));

            // Create a RasterLayer with the source created above and then add the layer to the map
            style.addLayer(new RasterLayer("web-map-layer", "web-map-source"));

          }
        });
      }
    });
  }

  @Override
  protected void onResume() {
    super.onResume();
    mapView.onResume();
  }

  @Override
  protected void onStart() {
    super.onStart();
    mapView.onStart();
  }

  @Override
  protected void onStop() {
    super.onStop();
    mapView.onStop();
  }

  @Override
  protected void onPause() {
    super.onPause();
    mapView.onPause();
  }

  @Override
  public void onLowMemory() {
    super.onLowMemory();
    mapView.onLowMemory();
  }

  @Override
  protected void onDestroy() {
    super.onDestroy();
    mapView.onDestroy();
  }

  @Override
  protected void onSaveInstanceState(Bundle outState) {
    super.onSaveInstanceState(outState);
    mapView.onSaveInstanceState(outState);
  }
}

如何在 Mapbox Android 应用程序上准确地放置骑行路线数据？

How to accurately lay cycling route data over a Mapbox Android app?

android

raster

openstreetmap

mapbox

mapbox-android