@amsterdam/arm-nontiled
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

ARM Nontiled

Part of Amsterdam React Maps library.

This is the link to the story book demo site with examples

Installation

Add this package to your project by running:

npm install --save @amsterdam/arm-nontiled

Usage

import 'leaflet/dist/leaflet.css' // make sure this is always included!
import { Map, BaseLayer, ViewerContainer, Zoom } from '@amsterdam/arm-core'
import { NonTiledLayer } from '@amsterdam/arm-nontiled'

const url = "https://map.data.amsterdam.nl/maps/aardgasvrij?service=WMS&request=GetMap&version=1.1.1&layers=buurten%2Cbuurtinitiatieven%2Cbuurten_kookgas"

const MyComponent = () => (
  <Map fullScreen>
    <NonTiledLayer url={url} options={{
      identify: false,
      format: 'image/png',
      transparent: true,
      layers: ['buurten', 'buurtinitiatieven', 'buurten_kookgas']
    }} />
    <ViewerContainer bottomRight={<Zoom />} />
    <BaseLayer />
  </Map>
)

export default MyComponent

Exports components

  • NonTiledLayer: props
    • url
    • options
    • params?

Readme

Keywords

none

Package Sidebar

Install

npm i @amsterdam/arm-nontiled

Weekly Downloads

211

Version

1.0.0

License

MPL-2.0

Unpacked Size

26 kB

Total Files

19

Last publish

Collaborators

  • vincent.smedinga
  • alimpens
  • dlnr
  • jthijsamsterdam
  • remyvdwereld
  • leonardsmit
  • datapunt-admin
  • fortunato