Custom WMS Layer

Add a custom Web Map Service layer

Add a custom Web Map Service layer:

Base Layer

Data Layers

import { SphereProvider, SphereMap, Layer } from 'gistda-sphere-react';

function App() {
  return (
    <SphereProvider apiKey="YOUR_API_KEY">
      <SphereMap style={{ width: '100%', height: '500px' }}>
        <Layer
          name="bluemarble_terrain"
          type="WMS"
          url="https://ms.longdo.com/mapproxy/service"
          zoomRange={{ min: 1, max: 9 }}
          refresh={180000}
          opacity={0.7}
        />
      </SphereMap>
    </SphereProvider>
  );
}