- );
-}
-
-export default App;
diff --git a/src/components/bounds.js b/src/components/bounds.js
index 023e9d7..787841a 100644
--- a/src/components/bounds.js
+++ b/src/components/bounds.js
@@ -1,6 +1,18 @@
import React, {useState} from 'react';
import { Map, TileLayer, Rectangle } from 'react-leaflet';
+import '../App.css';
+// map is BROKEN without zoom attribute
+import 'leaflet/dist/leaflet.css';
+import L from 'leaflet';
+
+delete L.Icon.Default.prototype._getIconUrl;
+
+L.Icon.Default.mergeOptions({
+ iconRetinaUrl: require('leaflet/dist/images/marker-icon-2x.png'),
+ iconUrl: require('leaflet/dist/images/marker-icon.png'),
+ shadowUrl: require('leaflet/dist/images/marker-shadow.png')
+});
const outer = [
[50.505, -29.09],
@@ -22,8 +34,10 @@ function BoundsExmaple() {
setBounds({ bounds: outer })
}
+ const position = [20.5937, 78.9629];
+
return (
-