Map_wrapper_react NPM

map_wrapper_react

Install

npm install --save map_wrapper_react

    import React from "react";
    import { Map } from "map_wrapper_react";

    const App = () => (
      <Map mapKey={"yandex_map_key"}/>
    )

Map Props

name	type	default	description
mapKey	string	""	key for card
control	array		list of controls yandex map
width	string	100%
height	string	100vh
zoom	number	9

Additional controls

MapListBox

    import React from "react";
    import { Map, MapListBox } from "map_wrapper_react";

    const App = () => (
      <Map mapKey={"yandex_map_key"}>
        <MapListBox
            label={"list"}
            list={[
                {name: "item1", uuid: "1"},
                {name: "item2", uuid: "2"}
            ]}
            onClick={(value) => {console.log(value)}}
        />
      </Map>
    )

MapListBox Props

name	type	default
label	string	""
list	array
onClick	function
config	object \| null	null

ObjectManager

    import React from "react";
    import { Map, ObjectManager } from "map_wrapper_react";

    const data = {
              "type": "FeatureCollection",
              "features": [
                  {
                    "type": "Feature",
                    "id": 0,
                    "geometry":
                     {
                        "type": "Point",
                        "coordinates": [55.831903, 37.411961]
                     },
                    "properties": {}
                },
              ]
          }

    const App = () => (
      <Map mapKey={"yandex_map_key"}>
        <ObjectManager
            config={{
              geoObjectOpenBalloonOnClick: false
            }}
            onClick={( objectManager, objectId ) => {}}
            data={ data }
            hidden={ false }
            filter={ null }
        />
      </Map>
    )

ObjectManager Props

name	type	default	description
config	object \| null	null
onClick	func		function({ objectManager: string, objectId: string })
data	FeatureCollection
hidden	boolean	false	shows hide or show points of the objectManager
filter	object \| null	null	{ propertiesName: string, propertiesValue: string } the name and value of the property by which the filtering occurs