diff --git a/package-lock.json b/package-lock.json index c6e03077019f0783aff59122af11ee12c2b758cb..933d74cc31d77dc8e9281061fd5b8a3a400399b5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -6731,6 +6731,11 @@ "resolved": "https://registry.npmjs.org/leaflet/-/leaflet-1.3.1.tgz", "integrity": "sha512-adQOIzh+bfdridLM1xIgJ9VnJbAUY3wqs/ueF+ITla+PLQ1z47USdBKUf+iD9FuUA8RtlT6j6hZBfZoA6mW+XQ==" }, + "leaflet.fullscreen": { + "version": "1.4.4", + "resolved": "https://registry.npmjs.org/leaflet.fullscreen/-/leaflet.fullscreen-1.4.4.tgz", + "integrity": "sha512-HxHDHAQt/Q7nMlo/v3MUhir30GXt4YXIbmyJT53EnnBAyXC6IbKXeCnl2Mlsj6V5kSBwh3J8No6btaBdAz64og==" + }, "levn": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz", @@ -9350,6 +9355,14 @@ "warning": "3.0.0" } }, + "react-leaflet-fullscreen": { + "version": "0.0.6", + "resolved": "https://registry.npmjs.org/react-leaflet-fullscreen/-/react-leaflet-fullscreen-0.0.6.tgz", + "integrity": "sha512-YWP58+mgpyAbTPGdMRRWGuHV4GrkThmDRXth7qcVGqBxJTj1Nt4xy2zwOKcEYtfTimiG4lEXS18UQ+5cyuh0FQ==", + "requires": { + "leaflet.fullscreen": "1.4.4" + } + }, "react-lifecycles-compat": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-2.0.2.tgz", diff --git a/package.json b/package.json index 5388158e1d2efa14158da0a0b846ad3ba93b4187..fa9bbf7ade9f667a533e90711de0084994e08756 100644 --- a/package.json +++ b/package.json @@ -40,6 +40,7 @@ "react": "^16.3.2", "react-autosuggest": "^9.3.4", "react-dom": "^16.3.2", - "react-leaflet": "^1.9.1" + "react-leaflet": "^1.9.1", + "react-leaflet-fullscreen": "0.0.6" } } diff --git a/src/LeafletMap.js b/src/LeafletMap.js index 6d01478bc09d622dd2620bbb6acd5ddf3140fea6..5c3da7a21af710d874ea96bff03532bfdbfc0d70 100644 --- a/src/LeafletMap.js +++ b/src/LeafletMap.js @@ -1,5 +1,7 @@ import React from 'react'; import { Map, TileLayer, Marker, Popup } from 'react-leaflet'; +import 'react-leaflet-fullscreen/dist/styles.css'; +import FullscreenControl from 'react-leaflet-fullscreen'; class LeafletMap extends React.Component { state = { @@ -25,6 +27,7 @@ class LeafletMap extends React.Component { </span> </Popup> </Marker> + <FullscreenControl position='topright' /> </Map> ); }