html>

lang="en">

  

  charset="utf-8">

  

  http-equiv="X-UA-Compatible" content="IE=edge">

  

  name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

  

  [removed] src="../Build/Cesium/Cesium.js"></script>

  

      @import url(../Build/Cesium/Widgets/widgets.css);

      html, body, #cesiumContainer {

          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;

      }

  </style> 

    id="check" type="checkbox" onclick="checkboxOnclick(this,ProvinceUrl)" /> 行政区划-省 

    id="check" type="checkbox" onclick="checkboxOnclick(this,CityUrl)" /> 行政区划-市 

    id="check" type="checkbox" onclick="checkboxOnclick(this,CountyUrl)" /> 行政区划-县 

    id="check" type="checkbox" onclick="checkboxOnclick(this,TownUrl)" /> 行政区划-乡镇 

  

  [removed]

    var myurl = "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali";

    var myMapSource = new Cesium.UrlTemplateImageryProvider({url:myurl});

    var myviewer = new Cesium.Viewer("cesiumContainer",{

      imageryProvider:myMapSource,

      baseLayerPicker:false,

      // terrainProvider:Cesium.createWorldTerrain({

      //     requestVertexNormals:true,

      //     requestWaterMask:true,

      // })

      });      

    

    var ProvinceUrl ="cseium:shengwgs84";

    var CityUrl ="cesium:city1";

    var CountyUrl ="cesium:county";

    var TownUrl ="cesium:town";

  

    function checkboxOnclick(checkbox,shplayer) {      

      var providerShp = new Cesium.WebMapServiceImageryProvider({

          url:"http://127.0.0.1:8083/geoserver/cesium/wms",

          layers:shplayer,//

          fill:Cesium.Color.PINK.withAlpha(0.1),

          parameters:{

            service:"WMS",

            format:"image/png",

            transparent:true                  

          }        

        });

      if(checkbox.checked===true){

        y =myviewer.imageryLayers.addImageryProvider(providerShp);    

        }

        else

        {

          myviewer.imageryLayers.remove(y);

        }

    }

  

  </script>