WMTS 源

// WMTS
import React, { JSX } from "react";
import { RMap, RLayerWMTS } from "rlayers";
import { fromLonLat } from "ol/proj";
import "ol/ol.css";

const origin = [114.322000, 30.375699];

const WMTS = (): JSX.Element => {
  const initial = {
    center: fromLonLat(origin),
    zoom: 11
  };
  const url = "https://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/WMTS?service=WMTS&request=GetCapabilities";

  return (
    <RMap
        width={"100%"}
        height={"60vh"}
        initial={initial}
    >
        <RLayerWMTS
            // onCapabilities={function (opt) {
            //   console.log("opt", opt);
            // }}
            url={url}
            layer="World_Imagery"
            projection="EPSG:3857"
            zIndex={0}
        />
    </RMap>
  );
}

export default WMTS;