VectorTileImageryProvider = Cesium.VectorTileImageryProvider;

viewer = new Cesium.Viewer("cesiumContainer");
var imageryProviderViewModels = viewer.baseLayerPicker.viewModel.imageryProviderViewModels;
var terrainProviderViewModels = viewer.baseLayerPicker.viewModel.terrainProviderViewModels;
viewer.baseLayerPicker.viewModel.selectedImagery = imageryProviderViewModels[imageryProviderViewModels.length - 1];
viewer.baseLayerPicker.viewModel.selectedTerrain = terrainProviderViewModels[0];

viewer.imageryLayers.layerAdded.addEventListener(function () {

    setTimeout(function () {
        viewer.imageryLayers.orderByZIndex();
    }, 200)

})
viewer.scene.debugShowFramesPerSecond = true;

var provinceLayer = null;
var shpPromises = [
    Cesium.loadBlob("./Assets/Data/shp/china/国界线.shp"),
    Cesium.loadBlob("./Assets/Data/shp/china/国界线.dbf"),
    Cesium.loadBlob("./Assets/Data/shp/china/国界线.prj"),
];
var chinaLayer = null;
Cesium.when.all(shpPromises, function (files) {
    files[0].name = "国界线.shp";
    files[1].name = "国界线.dbf";
    files[2].name = "国界线.prj";


    var shpProvider = new VectorTileImageryProvider({
        source: files,
        zIndex: 99,
        removeDuplicate: false,
        defaultStyle: {
            outlineColor: "rgb(255,0,0)",
            fillColor: "rgba(255,0,0,0.6)",
            lineWidth: 1,
            fill: false,
            tileCacheSize: 200,
            showMaker: false,
            showCenterLabel: true,
            fontColor: "rgba(255,0,0,1)",
            labelOffsetX: -10,
            labelOffsetY: -5,
            fontSize: 13,
            fontFamily: "黑体",
            centerLabelPropertyName: "NAME",
            lineCap: "round",
            shadowColor: "black",
            shadowOffsetX: 1,
            shadowOffsetY: -1,
            shadowBlur: 1,
            lineJoin: "round"
        },
        maximumLevel: 20,
        minimumLevel: 1,
        simplify: false
    });
    shpProvider.readyPromise.then(function () {
        chinaLayer = viewer.imageryLayers.addImageryProvider(shpProvider);

        viewer.flyTo(chinaLayer);
        Cesium.Camera.DEFAULT_VIEW_RECTANGLE = shpProvider.rectangle;

    });

});