@clawlima/react-load-map

React Load Map

Usage no npm install needed!

<script type="module">
  import clawlimaReactLoadMap from 'https://cdn.skypack.dev/@clawlima/react-load-map';
</script>

README

react-load-map

NPM JavaScript Style Guide

Install

npm install --save react-load-map

Usage

import React from 'react'

import { GeoJSON } from 'react-load-map'

export const Example = () => {
  return (
    <GeoJSON
      dataMap={dataMap}
      center={[-56.6000134, -15.3248019]}
      zoom={5}
      typeMap='OSM'
    />
  )
}

Parameters

GeoJSON

dataMap?: dataMap => informar aqui o json do mapa recebido do Geoserver

center?: [number, number] => latitude e longitude, o default é [0, 0]

zoom?: number => default é 0

maxZoom?: number => default é 19

typeMap?: 'bingMap' | 'OSM' | 'watercolor' | 'toner' | => Tipo de de mapas disponíveis, o default é 'OSM'

credentials?: string => precisa ser informado caso sejá 'bingMap'

bgType?: 0 | 1 | 2 | 3 | 4 | => precisa ser informado caso sejá 'bingMap'

width?: string

height?: string

Test Layer

example.geojson => arquivo de exemplo que pode ser usado em 'Test Layer Online' example.kml => arquivo de exemplo que pode ser usado em 'Test Layer Online'

Test Layer Online

Grag Geojson

Generate Geojson

Shapefile Converter with KML

Shapefile Converter

Some examples, documentation and more

MBStyle Workbook Conclusion

Maptiler Cloud

Geoserver Example geojson-vt integration

Geoserver Example GeoJSON

Geoserver Example Vector Labels

Geoserver Example Tiled WMS

Geoserver Examples

Geoserver Examples

GeoServer

WMS output formats

WMS Reflector

Web Map Service (WMS)

Geoservices service

Generate GeoJson Online

License

ISC © Claudinei de Lima