{"_id":"2gis-maps-react","_rev":"24-71376d49dae26157dc3ffedf89925da6","name":"2gis-maps-react","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"2gis-maps-react","version":"0.0.1","keywords":["react-component"],"author":"","license":"MIT","_id":"2gis-maps-react@0.0.1","maintainers":[{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"}],"homepage":"https://github.com/2gis/2gis-maps-react#readme","bugs":{"url":"https://github.com/2gis/2gis-maps-react/issues"},"dist":{"shasum":"fac649cf4ad127fc9101d8b3da848045a6e47cb5","tarball":"https://registry.npmjs.org/2gis-maps-react/-/2gis-maps-react-0.0.1.tgz","integrity":"sha512-V6NhcfI5TJ55c4rVFbvpLQrhD205FSkUdzpaZhcSPN/1CpxLE0bwLq92Q38AQfidZqj2/1UsrTqPsfKIe2FIzg==","signatures":[{"sig":"MEYCIQCVCr+G0gUNlCVTYD2dLDasVduaDJkTmfwLw4vuWYl0agIhAPCVOKNCbpFTvBcZP3jTxvG4+qb3xKYkaGfVzzVzLb93","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es6","lib","umd"],"_shasum":"fac649cf4ad127fc9101d8b3da848045a6e47cb5","gitHead":"3ddd7a2a8ece5c7ac903b14d7a083caa4e9425df","scripts":{"test":"nwb test","build":"nwb build","clean":"nwb clean","start":"nwb serve","test:watch":"nwb test --server"},"_npmUser":{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"},"deprecated":"This package is no longer supported. Use 2gis-maps package.","repository":{"url":"git+ssh://git@github.com/2gis/2gis-maps-react.git","type":"git"},"_npmVersion":"2.14.12","description":"2gis-maps React component","directories":{},"jsnext:main":"es6/index.js","_nodeVersion":"4.2.6","dependencies":{},"devDependencies":{"nwb":"0.9.x","react":"0.14.x","2gis-maps":"^2.2.6","react-dom":"0.14.x"},"peerDependencies":{"react":"0.14.x"},"_npmOperationalInternal":{"tmp":"tmp/2gis-maps-react-0.0.1.tgz_1465389991232_0.2325854473747313","host":"packages-16-east.internal.npmjs.com"}},"0.0.2":{"name":"2gis-maps-react","version":"0.0.2","keywords":["react-component"],"author":"","license":"MIT","_id":"2gis-maps-react@0.0.2","maintainers":[{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"}],"homepage":"https://github.com/2gis/2gis-maps-react#readme","bugs":{"url":"https://github.com/2gis/2gis-maps-react/issues"},"dist":{"shasum":"b300bc57538665581dc5b031117863eb2557dfb4","tarball":"https://registry.npmjs.org/2gis-maps-react/-/2gis-maps-react-0.0.2.tgz","integrity":"sha512-JVc3LtgcCAsSqbH3/yStr0PbwkRoKb/c/EhHBN19LDeUPErq/SHRTyhiOHuAuqGNtPrs2Wj8nbymfYRb86HUTg==","signatures":[{"sig":"MEUCIE9ODyRtOMHsLz4DfLa4GBatftStynT6duckqO0Ge/WuAiEA1p59IpPa+0xIHDokxGFmC28c0Qc80Hl7tzIl5zbK9VA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es6","lib","umd"],"_shasum":"b300bc57538665581dc5b031117863eb2557dfb4","gitHead":"cee7dc10f171c3d3b5bb909551f645531a8f138a","scripts":{"test":"nwb test","build":"nwb build","clean":"nwb clean","start":"nwb serve","test:watch":"nwb test --server"},"_npmUser":{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"},"deprecated":"This package is no longer supported. Use 2gis-maps package.","repository":{"url":"git+ssh://git@github.com/2gis/2gis-maps-react.git","type":"git"},"_npmVersion":"2.15.5","description":"2gis-maps React component","directories":{},"jsnext:main":"es6/index.js","_nodeVersion":"4.4.5","dependencies":{},"devDependencies":{"nwb":"0.9.x","react":"0.14.x","2gis-maps":"^2.2.6","react-dom":"0.14.x"},"peerDependencies":{"react":"0.14.x"},"_npmOperationalInternal":{"tmp":"tmp/2gis-maps-react-0.0.2.tgz_1466093825276_0.6873763245530427","host":"packages-12-west.internal.npmjs.com"}},"0.0.3":{"name":"2gis-maps-react","version":"0.0.3","keywords":["react-component"],"author":"","license":"MIT","_id":"2gis-maps-react@0.0.3","maintainers":[{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"}],"homepage":"https://github.com/2gis/2gis-maps-react#readme","bugs":{"url":"https://github.com/2gis/2gis-maps-react/issues"},"dist":{"shasum":"b33edaec082f41e7cae8b25e992d7b4fee2ff129","tarball":"https://registry.npmjs.org/2gis-maps-react/-/2gis-maps-react-0.0.3.tgz","integrity":"sha512-laEBrTmSNp0mPN4qmwgcofrhsOoFjjRmI3qRAMQz11+aOoIOtjJbPJfXHIrnGEOMOMOd2GfS2Ak+VTfXMs4K+w==","signatures":[{"sig":"MEUCIDkuVcTJudjUXtVGBBUcHfymcRV3XnWw80VaZVSgE5NzAiEA5cvh7tLnp9Vjku/5TgaHKFFwzdHSAmt5TogafzMNB2c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es6","lib","umd"],"_shasum":"b33edaec082f41e7cae8b25e992d7b4fee2ff129","gitHead":"d8b1607da884c766563bea83fbf1ddb33d7db1b8","scripts":{"test":"nwb test","build":"nwb build","clean":"nwb clean","start":"nwb serve","test:watch":"nwb test --server"},"_npmUser":{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"},"deprecated":"This package is no longer supported. Use 2gis-maps package.","repository":{"url":"git+ssh://git@github.com/2gis/2gis-maps-react.git","type":"git"},"_npmVersion":"2.15.5","description":"2gis-maps React component","directories":{},"jsnext:main":"es6/index.js","_nodeVersion":"4.4.5","dependencies":{},"devDependencies":{"nwb":"0.9.x","react":"^15.2.1","2gis-maps":"^2.2.6","react-dom":"^15.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2gis-maps-react-0.0.3.tgz_1468568127885_0.8683177626226097","host":"packages-16-east.internal.npmjs.com"}},"0.0.4":{"name":"2gis-maps-react","version":"0.0.4","keywords":["react-component","web-components"],"author":"","license":"MIT","_id":"2gis-maps-react@0.0.4","maintainers":[{"name":"a.fedosov","email":"alex@fedosov.me"},{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"},{"name":"egoroof","email":"mail@egoroof.ru"},{"name":"korostelev","email":"vasiliy.korostelev@gmail.com"},{"name":"trufi","email":"stevemyz@gmail.com"}],"homepage":"https://github.com/2gis/2gis-maps-react#readme","bugs":{"url":"https://github.com/2gis/2gis-maps-react/issues"},"dist":{"shasum":"264954f46a9aff6129ad54e06d61dfc6876ce42e","tarball":"https://registry.npmjs.org/2gis-maps-react/-/2gis-maps-react-0.0.4.tgz","integrity":"sha512-8uj8XYzvMO2/5BYkkXiD/1CPZSfloBJs+AYu5KZ8AbYZJRYccF4bd+6JO5b0DI8jBBB689fUJ+J9ey2yvjiKNQ==","signatures":[{"sig":"MEYCIQCTk/Ime+tf/nt8BGOYUqzIa6DV2jhY0Q1XlwPM7zFfLQIhAOHT33B/SxYYnuoVj+b3aqKezQ2Dje2fLotRzZCx3Qvh","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"lib/index.js","_from":".","files":["css","es6","lib","umd"],"_shasum":"264954f46a9aff6129ad54e06d61dfc6876ce42e","gitHead":"e7025bdd3c0f8be64a32dd39ab3d03545c0b8efd","scripts":{"test":"nwb test","build":"nwb build","clean":"nwb clean","start":"nwb serve","test:watch":"nwb test --server"},"_npmUser":{"name":"cherebedov.sergey","email":"cherebedov.sergey@gmail.com"},"deprecated":"This package is no longer supported. Use 2gis-maps package.","repository":{"url":"git+ssh://git@github.com/2gis/2gis-maps-react.git","type":"git"},"_npmVersion":"4.2.0","description":"2gis-maps React component","directories":{},"jsnext:main":"es6/index.js","_nodeVersion":"7.10.0","dependencies":{},"devDependencies":{"nwb":"0.9.x","react":"^15.2.1","2gis-maps":"^2.2.6","react-dom":"^15.2.1"},"_npmOperationalInternal":{"tmp":"tmp/2gis-maps-react-0.0.4.tgz_1499760512542_0.4639148118440062","host":"s3://npm-registry-packages"}}},"time":{"created":"2016-06-08T12:46:33.279Z","modified":"2026-09-07T09:52:02.964Z","0.0.1":"2016-06-08T12:46:33.279Z","0.0.2":"2016-06-16T16:17:08.700Z","0.0.3":"2016-07-15T07:35:30.593Z","0.0.4":"2017-07-11T08:08:34.878Z"},"bugs":{"url":"https://github.com/2gis/2gis-maps-react/issues"},"license":"MIT","homepage":"https://github.com/2gis/2gis-maps-react#readme","keywords":["react-component","web-components"],"repository":{"url":"git+ssh://git@github.com/2gis/2gis-maps-react.git","type":"git"},"description":"2gis-maps React component","maintainers":[{"email":"stevemyz@gmail.com","name":"trufi"},{"email":"artem.malko@gmail.com","name":"artem.malko"},{"email":"mbeloshitsky@gmail.com","name":"itanka9"},{"email":"a.artemev@inbox.ru","name":"alxart"},{"email":"vitaliy.gis@gmail.com","name":"vitaliy.gis"},{"email":"mail@kuznetsov.it","name":"kuznetcoff"},{"email":"v.ayrikh@2gis.ru","name":"vladimir-ayrikh"},{"email":"oleg1556@gmail.com","name":"kalyanov"},{"email":"excorester@gmail.com","name":"playreal"},{"email":"terabite@inbox.ru","name":"spuneo"},{"email":"cherebedov.sergey@gmail.com","name":"cherebedov.sergey"}],"readme":"# React component [Maps API 2GIS](https://github.com/2gis/mapsapi)\n\n[![Travis][build-badge]][build]\n[![npm package][npm-badge]][npm]\n[![Coveralls][coveralls-badge]][coveralls]\n\n## Installation\n\nFor installation use command `npm install 2gis-maps-react 2gis-maps`\n\n[build-badge]: https://travis-ci.org/2gis/2gis-maps-react.svg?branch=master\n[build]: https://travis-ci.org/2gis/2gis-maps-react\n\n[npm-badge]: https://img.shields.io/npm/v/2gis-maps-react.svg?style=flat-square\n[npm]: https://www.npmjs.org/package/2gis-maps-react\n\n[coveralls-badge]: https://coveralls.io/repos/github/2gis/2gismaps-react/badge.svg?branch=master\n[coveralls]: https://coveralls.io/github/2gis/2gismaps-react?branch=master\n\n\n## Getting started\n\n##### Demo\n\n[Demo](http://2gis.github.io/2gis-maps-react/#simple-map) \n[Source code of the demo](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/SimpleMap.js) \n\n##### Creation of simple map. [Api referense.](http://api.2gis.ru/doc/maps/manual/map/)\n\nA map is a basic component. \nFor creating the map you need to specify center point, zoom level and size of dom element. \n \n```jsx\n \n```\n \n##### Creation of popup inside the map. [Api referense.](http://api.2gis.ru/doc/maps/examples/popups/)\n\nA simple popup. \nFor setting of maxWidth, minWith and maxHeight use prop sprawling. [Demo](http://2gis.github.io/2gis-maps-react/#popups) [Source code](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/Popups.js) \n\n```jsx\n \n \n The content for popup\n

Can be HTML

\n \n \n```\n \n##### Creation of Markers and Popups on Markers. [Api referense.](http://api.2gis.ru/doc/maps/examples/markers/)\n\nSimple Marker\n\n```jsx\n \n \n \n```\n\nStatic and draggable markers.\nPopups on Markers. [Demo](http://2gis.github.io/2gis-maps-react/#markers-simple) [Source code](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/Markers.js)\n\n```jsx\n \n \n \n \n The content for popup\n

Can be HTML

\n \n \n \n``` \n\nMarker with icon and html icon. [Demo](http://2gis.github.io/2gis-maps-react/#markers-icon) [Source code](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/MarkerIcon.js)\n \n```jsx\n \n \n \n \n \n \n \n

Can be HTML

\n \n \n \n``` \n\nMarker with label and static label. [Demo](http://2gis.github.io/2gis-maps-react/#markers-label) [Source code](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/MarkerLabel.js)\n\n```jsx\n \n \n \n \n \n``` \n\n##### Creating of vector objects. [Api referense.](http://api.2gis.ru/doc/maps/examples/geometries/)\n\nCircle and Circle Marker. [Demo](http://2gis.github.io/2gis-maps-react/#geometry-circle) [Source code](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/GeometryCircle.js)\n \n```jsx\n \n My radius doesn't change when zooming.
He in pixels.'}\n radius={50}\n />\n \n My radius changes when zooming.
He in meters'}\n radius={200}\n />\n \n```\n \nPolygon, Polyline and Rectangle. [Demo](http://2gis.github.io/2gis-maps-react/#geometry-polygon) [Source code](https://github.com/2gis/2gis-maps-react/blob/master/demo/src/GeometryPolygons.js) \n \n```jsx\n \n \n \n \n \n \n \n```\n\n### Events\n\nFor binding 2gis-mapsapi events use props similar to `onEvent` where Event is 2gis-mapsapi event with a capital first character. \n\n### Components\n\n#### Map\n\nRequired props\n\n|Prop name |Dynamic|Description | Data example |\n|-----------------|:-----:|-----------------------------------------|--------------|\n| center | ✓ |Center position of map |[54.98, 82.89]|\n| zoom | ✓ |Zoom level of map |15 |\n\nOptional props\n\n|Prop name |Dynamic|Description | Data example |Default value|\n|-----------------|:-----:|-----------------------------------------|--------------------------------- |:-----------:|\n| minZoom | ✘ |Minimal zoom level |10 | null |\n| maxZoom | ✘ |Maximal zoom level |20 | null |\n|maxBounds | ✘ |Bounds of map |[ [54.98, 82.89], [54.98, 82.89] ]| null |\n| style | ✓ |CSS style of map container |{width: \"500px\", height: \"500px\"} | null |\n|geoclicker | ✘ |Show popup on click about place on map |true | false |\n|projectDetector | ✘ |Load current user project |true | false |\n|zoomControl | ✘ |Show zoom control button |false | true |\n|fullscreenControl| ✘ |Show fullscreen control button |false | true |\n|preferCanvas | ✘ |Use canvas element for rendering geometry|false | true |\n|touchZoom | ✘ |Zooming when touch (on mobile) |false | true |\n|scrollWheelZoom | ✘ |Zooming when scrolling |false | true |\n|doubleClickZoom | ✘ |Zooming when double click |false | true |\n|dragging | ✘ |Dragging map |false | true |\n\n#### Popup\n\nCan be bound to Marker, Map, Polygon, Polyline, Rectangle.\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|---------------------------------------------------------|--------------|\n| pos | ✓ |Position on map (not use if popup inside another element)|[54.98, 82.89]|\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|-------------------------------|--------------|:-----------:|\n|className| ✘ |Class name of popup dom element|example-string| - |\n|maxWidth | ✘ |Max width of popup | 150 | 300 |\n|minWidth | ✘ |Min width of popup | 150 | 50 |\n|maxHeight| ✘ |Max height of popup | 150 | null |\n|sprawling| ✘ |Popup width on map width | true | false |\n\n#### Marker\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|---------------|--------------|\n| pos | ✓ |Position on map|[54.98, 82.89]|\n\nOptional props\n\n|Prop name |Dynamic|Description | Data example |Default value|\n|-----------|:-----:|-------------------------------------------|--------------|:-----------:|\n| label | ✓ |Text of marker label |[54.98, 82.89]| - |\n|staticLabel| ✓ |Text of marker label. Label will be static.|[54.98, 82.89]| - |\n| draggable | ✓ |Marker is draggable | true | false |\n| clickable | ✓ |Marker is clickable | false | true |\n\n#### Icon\n\nCan be inside Marker.\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|------------|---------------------------------------------|\n| iconUrl | ✓ |Url of icon |http://maps.api.2gis.ru/2.0/example_logo.png |\n| iconSize| ✓ |Size of icon|[48, 48] |\n\n#### DivIcon\n\nCan be inside Marker.\n\nRequired props\n\n|Prop name |Dynamic|Description | Data example |Default value|\n|-----------------------|:-----:|------------|---------------------------------------------|:-----------:|\n| iconSize | ✓ |Size of icon|[48, 48] | - |\n|dangerouslySetInnerHTML| ✓ | Inner html |http://maps.api.2gis.ru/2.0/example_logo.png | - |\n\n#### Ruler\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|----------------|-----------------------------------------------------------|\n| points | ✓ |Points of ruler |[ [54.9827,82.8958], [54.9837,82.8968], [54.9837,82.8938] ]|\n\n#### Polyline\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|----------------|-----------------------------------------------------------|\n| points | ✓ |Points of line |[ [54.9827,82.8958], [54.9837,82.8968], [54.9837,82.8938] ]|\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|----------------|--------------------------------|:-----------:|\n| label | ✓ |Text of label |example-string | - |\n| style | ✓ |Style of line |{color: '#FF0000'} | - |\n\n#### Polygon\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|------------------|-----------------------------------------------------------|\n| points | ✓ |Points of polygon |[ [54.9827,82.8958], [54.9837,82.8968], [54.9837,82.8938] ]|\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|----------------|-----------------------|:-----------:|\n| label | ✓ |Text of label |example-string | - |\n| style | ✓ |Style of line |{color: '#FF0000'} | - |\n\n#### Rectangle\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|--------------------|----------------------------------------|\n| bounds | ✓ |Bounds of rectangle |[ [54.9827,82.8958], [54.9837,82.8968] ]|\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|----------------|-----------------------|:-----------:|\n| label | ✓ |Text of label |example-string | - |\n| style | ✓ |Style of line |{color: '#FF0000'} | - |\n\n#### Circle\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|-----------------------|-------------------|\n| pos | ✓ |Position on map | [54.9827,82.8958] |\n| radius | ✓ |Circle radius in meters| 300 |\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|----------------|-----------------------|:-----------:|\n| label | ✓ |Text of label |example-string | - |\n| style | ✓ |Style of line |{color: '#FF0000'} | - |\n\n#### CircleMarker\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|-----------------------|-------------------|\n| pos | ✓ |Position on map | [54.9827,82.8958] |\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|-----------------------|-----------------------|:-----------:|\n| radius | ✓ |Circle radius in pixels| 300 | 10 |\n| label | ✓ |Text of label |example-string | - |\n| style | ✓ |Style of line |{color: '#FF0000'} | - |\n\n#### Wkt\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|-----------------------|-------------------------------------------------------------|\n| data | ✓ |Wkt data string | POLYGON((82.9155.04, 82.91 55.04, 82.91 55.04, 82.9155.04)) |\n\nOptional props\n\n|Prop name|Dynamic|Description | Data example |Default value|\n|---------|:-----:|-----------------------|-------------------|:-----------:|\n| style | ✓ |Style of objeck | {color: '#FF0000'}| - |\n\n#### GeoJSON\n\nRequired props\n\n|Prop name|Dynamic|Description | Data example |\n|---------|:-----:|-----------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| data | ✓ |GeoJSON data object | { \"type\": \"Feature\", \"properties\": { \"address\": \"г. Новосибирск, пл. Карла Маркса, 7\" }, \"geometry\": { \"type\": \"Point\", \"coordinates\": [82.8974, 54.9801] } }; |\n\nOptional props\n\n| Prop name |Dynamic|Description | Data example |Default value |\n|-------------|:-----:|---------------------------------|-------------------|:--------------------------:|\n|pointToLayer | ✓ |Function for render point | function() {} |Will be render simple Marker|\n|onEachFeature| ✓ |Function running on every element| function() {} | - |\n| filter | ✓ |Function for filter objects | function() {} | - |\n| style | ✓ |Style of object | {color: '#FF0000'}| - |\n\n## Demo Development Server\n\n* `npm start` will run a development server with the component's demo app at [http://localhost:3000](http://localhost:3000) with hot module reloading.\n\n## Building\n\n* `npm run build` will build the component for publishing to npm and also bundle the demo app.\n\n* `npm run clean` will delete built resources.\n","readmeFilename":"README.md"}