ベースマップセレクタが機能しません

Question

私のコードでは、デフォルトのベースマップをmapbox.streetsに変更しています。しかし、baseLayerPickerウィジェットからベースレイヤーを更新することはもうありません。

   var viewer = new Cesium.Viewer('cesiumContainer',{ 
       animation : false, 
       homeButton : false, 
       baseLayerPicker : true, 
       infoBox : true, 
       sceneModePicker : true, 
       timeline : false, 
       navigationInstructionsInitiallyVisible : false, 
       navigationHelpButton : false, 
       contextOptions: { 
        webgl:{preserveDrawingBuffer:true} 
       }, 
       selectionIndicator : false, 
      }); 
      var layers = viewer.imageryLayers; 
      var baseLayer = layers.get(0); 
      layers.remove(baseLayer); 
      layers.addImageryProvider(new Cesium.MapboxImageryProvider({ 
       url : 'https://api.mapbox.com/v4/', 
       mapId: 'mapbox.streets', 
      })); 

何か不足していますか？どんな助けも大歓迎です。

Answer 1

投稿したコードでは、ビューア（したがってbaseLayerPicker）が既に構築された後に画像レイヤーを交換しています。あなたがしなければならないことは、baseLayerPickerが適切なオプションを前にして構築されていることを確認して、目的のベースレイヤーをあらかじめ選択することです。コードは次のようになります。これを実行すると、あなたはbaseLayerPickerがすでに選択された正しい項目で始まり、さらに他のベース層にスワップアウトするオプションを提供しています

var imageryProviders = Cesium.createDefaultImageryProviderViewModels(); 
var selectedImageryProviderIndex = 4; // MapBox Street is 5th in the list. 

var viewer = new Cesium.Viewer('cesiumContainer', { 
    imageryProviderViewModels: imageryProviders, 
    selectedImageryProviderViewModel: imageryProviders[selectedImageryProviderIndex] 
}); 

。