diff --git a/package-lock.json b/package-lock.json index 3a70fb5..a430ee2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8705,6 +8705,12 @@ "integrity": "sha512-/xwPEBidtg69Q3HlqPdU3DnrXQOvQU/CCHA1tcDQVzOwm91YMYaILjNp7L4Eaw5Z4sOYdbBz6koWyibppd8Zqw==", "dev": true }, + "leaflet-minimap": { + "version": "3.6.1", + "resolved": "https://registry.npmjs.org/leaflet-minimap/-/leaflet-minimap-3.6.1.tgz", + "integrity": "sha1-KkP/Oz2UekWgrPS978llBbZzpsY=", + "dev": true + }, "left-pad": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/left-pad/-/left-pad-1.3.0.tgz", diff --git a/package.json b/package.json index ac47dfa..aa8fff8 100644 --- a/package.json +++ b/package.json @@ -19,6 +19,7 @@ "isomorphic-fetch": "^3.0.0", "jquery": "^3.5.1", "leaflet": "^1.7.1", + "leaflet-minimap": "^3.6.1", "moment": "^2.29.1", "moment-duration-format": "^2.3.2", "prop-types": "^15.6.0", diff --git a/src/components/ArmaMap.jsx b/src/components/ArmaMap.jsx index 3a1d9f3..7301d64 100644 --- a/src/components/ArmaMap.jsx +++ b/src/components/ArmaMap.jsx @@ -1,7 +1,8 @@ import PropTypes from 'prop-types' import React, { Component } from 'react' import { Map, LayersControl, LayerGroup, TileLayer } from 'react-leaflet' -import { LatLngBounds } from 'leaflet' +import { LatLngBounds, TileLayer as LeafletTileLayer } from 'leaflet' +import MiniMap from 'leaflet-minimap' import { ArmaMarkers } from './ArmaMarkers' import { ArmaProjectiles } from './ArmaProjectiles' @@ -17,6 +18,9 @@ export default class ArmaMap extends Component { const point1 = map.unproject([0, offset], world.size.zoom) const point2 = map.unproject([world.size.width, world.size.height + offset], world.size.zoom) map.setMaxBounds(new LatLngBounds(point1, point2)) + + const tileLayer = new LeafletTileLayer(world.layers[0].url, { bounds: tileLayerbounds }); + new MiniMap(tileLayer, { autoToggleDisplay: true, zoomLevelFixed: 0 }).addTo(map) } getChildContext () {