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

Question

我正在做一个项目，我们希望为骑自行车的人制作一个导航应用程序。因此，我们希望有一个图层来显示国家自行车网络识别的所有自行车路线(目前只是英国的路线，婴儿步(。我们找到了一个潜在的解决方案：CyclOSM，他们似乎提供了非常准确的信息，我们已经找到了他们的瓦片服务器的链接：特定的CyclOSM图块，但我们还没有设法找到一种方法来提取所有图块并将其准确地放置在mapbox地图上。真的可以做到这一点吗？谷歌搜索"提取所有栅格切片"等似乎没有返回任何内容。或者，欢迎任何其他实现。

Answer 1

我让它工作了。请参阅 https://i.stack.imgur.com/m4tpM.jpg

将https://dev.a.tile.openstreetmap.fr/cyclosm/{z}/{x}/{y}.png与适用于 AndroidRasterSource的 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);
}
}