添加瓦片图层

EvoMap JS API中，使用EM.layer.TilesLayer 类来创建一个二维瓦片图层，然后通过地图对象上的addLayer方法将图层添加到地图上。

初始化地图

确保你已经引入了 EvoMap 的相关库，并且已经初始化了一个地图实例 map。

let map = new EM.Map("map", {
  zoom: 8, // 地图的缩放级别，数值越大，地图显示的内容越详细
  center: EM.lonLat(120, 30), // 地图的中心点，经纬度格式 [longitude, latitude]
  pitch: 0, // 地图的倾斜角度
  bgColor: "rgb(38,38,38)", // 地图的背景颜色
});

参数说明：

• "map"：地图容器的选择器或 DOM 元素 ID。
• zoom：地图的缩放级别，通常范围在 0 到 22 之间。
• center：地图的中心点经纬度
• pitch：地图的倾斜角度，通常范围在 0 到 60 之间。
• bgColor：地图的背景颜色。

添加瓦片图层

接下来，我们添加一个自定义的瓦片图层到地图上。这个图层使用高德地图的瓦片服务。

let tileLayer = new EM.layer.DarkTilesLayer(
  "https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=7&x={x}&y={y}&z={z}", // 高德地图的瓦片服务URL
  {
    origin: [-20037508.3427892, 20037508.3427892], // 图层的原点坐标
  }
);
map.addLayer(tileLayer); // 将瓦片图层添加到地图上

参数说明：

• url：瓦片服务的URL，这里使用高德地图的瓦片服务。
• origin：图层的原点坐标，格式为 [x, y]，通常是地图的左下角坐标。

注意事项

如果瓦片无法加载或显示不正确，需要检查瓦片服务的URL是否正确，确保服务可用。