Cesium实战系列文章总目录： 传送门

1.实现效果

2.实现方法

2.1官方文档

Cesium官方虽然没有提供直接加载OSM在线地图的方式，但是可以通过UrlTemplateImageryProvider接口加载。

官方API地址：传送门

2.2代码调用

Cesium调用OSM标准风格在线地图的代码如下：

// 加载OSM在线地图（标准风格）
this.viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: 'https://tile-{s}.openstreetmap.fr/hot/{z}/{x}/{y}.png',subdomains: ["a", "b", "c", "d"],})
);

2.3OSM在线地图风格

其他OSM在线地图的风格大家可以在OSM官网上自行探索。
OSM官网：传送门

这里以加载黑色风格为例。

 // 加载OSM在线地图（黑色风格）this.viewer.imageryLayers.addImageryProvider(new Cesium.UrlTemplateImageryProvider({url: "https://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",subdomains: ["a", "b", "c", "d"],}));

效果截图：