cesium切换图层及初始时定位至中国

    new WebMapTileServiceImageryProvider({

      url:

        "https://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles&tk=93d1fdef41f93d2211deed6d22780c48",

      layer: "tdtVecBasicLayer",

      style: "default",

      format: "image/jpeg",

      tileMatrixSetID: "GoogleMapsCompatible",

      show: false

    })

  );

  break;

//谷歌影像

case "gg":

  var url =

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

  viewer.imageryLayers.addImageryProvider(

    new UrlTemplateImageryProvider({ url: url })

  );

  break;

case "arcgis":

  viewer.imageryLayers.addImageryProvider(

    new ArcGisMapServerImageryProvider({

      url:

        "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer",

      enablePickFeatures: false

    })

  );

  break;

//必应

case "bing":

  viewer.imageryLayers.addImageryProvider(

    new BingMapsImageryProvider({

      url: "https://dev.virtualearth.net",

      key: "get-yours-at-https://www.bingmapsportal.com/",

      mapStyle: BingMapsStyle.AERIAL

    })

  );

  break;

case "dark":

  viewer.imageryLayers.addImageryProvider(

    new createTileMapServiceImageryProvider({

      url: "https://cesiumjs.org/blackmarble",

      credit: "Black Marble imagery courtesy NASA Earth Observatory",

      flipXY: true // Only old gdal2tile.py generated tilesets need this flag.

    })

  );

  break;

}

//全球影像中文注记服务

viewer.imageryLayers.addImageryProvider(

new WebMapTileServiceImageryProvider({

  url:

    "https://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=93d1fdef41f93d2211deed6d22780c48",

  layer: "tdtAnnoLayer",

  style: "default",

  format: "image/jpeg",

  tileMatrixSetID: "GoogleMapsCompatible",

  show: false

})

);

//全球矢量中文标注服务

viewer.imageryLayers.addImageryProvider(

new WebMapTileServiceImageryProvider({

  url:

    "https://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg&tk=93d1fdef41f93d2211deed6d22780c48",

  layer: "tdtAnnoLayer",

  style: "default",

  format: "image/jpeg",

web浏览器中的javascript

• 客户端javascript
• 在html里嵌入javascript
• javascript程序的执行
• 兼容性和互用性
• 可访问性
• 安全性
• 客户端框架

window对象

• 计时器

• 浏览器定位和导航

• 浏览历史

• 浏览器和屏幕信息

• 对话框

• 错误处理

• 作为window对象属性的文档元素