Unabe

[Abelon38]

Hi!
As soon i put this code in my CesiumCiewer:
var cesiumViewer = new Cesium.Viewer('cesiumContainer');
cesiumViewer.extend(Cesium.viewerCesiumNavigationMixin, {});

Then I was unable to see any modell and the whole configuration of my .js container doesn't apply..
The navegations tool works fine but why everything else is missing? for example I am no able anymore to control the visibility of the Cesium bottoms, for example these doesn't work:

var cesiumViewer = new Cesium.Viewer('cesiumContainer');
cesiumViewer.extend(Cesium.viewerCesiumNavigationMixin, {});
geocoder: false,
navigationHelpButton: true,
sceneModePicker: true,
infoBox : false,
selectionIndicator : true,
baseLayerPicker: true,
shadows: true,
vrButton : false,
homeButton: true,
timeline: false,
animation: false,
});

Thanks for your help!
Abel

[alberto-acevedo]

Abel,

I haven't tested your issue, but I seems like a style related issue. There must be a style in the plugin that is conflicting with the styles used by Cesium. Take a look to the styles inside the source/styles folder. I will gladly accept a pull request if you have a fix the style issue. Thanks.

[Abelon38]

Hi Alberto!
I hope you are having a great sommer!

I have tried to look in to the style and I have even tried the widget mode and I get the same issue. I am using Cesium 1.35.

I am starting thinking that is me that is missing something. Here is my code and as you can see, there is a model that is not working as nothing else I put after the navigation code. Thanks a lot for your help!
........
<title>Hello World!</title>

<script src="Build/Cesium/Cesium.js"></script> <script src="Source/ThirdParty/cesium-navigation/dist/standalone/viewerCesiumNavigationMixin.js"></script>

<style>
    @import url(Build/Cesium/Widgets/widgets.css);
    html, body, #cesiumContainer {
        width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
    }
</style>

<script> var cesiumViewer = new Cesium.Viewer('cesiumContainer'); cesiumViewer.extend(Cesium.viewerCesiumNavigationMixin, {});

/* MODELLS*/

var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
Cesium.Cartesian3.fromDegrees(18.06990,59.32519, 49));
var model = scene.primitives.add(Cesium.Model.fromGltf({
url : 'data/stock/saint_nicolaus.gltf',
modelMatrix : modelMatrix
}));
</script>