update src/components/LeafletMap/index.js

src/components/LeafletMap/index.js

@@ -29,27 +29,25 @@ import * as L from "leaflet";
 
 const bedNumb = "تخت شماره 33";
 
-// const pinMB = L.icon({
+const pinMB = L.icon({
-//   iconUrl: placeholder,
+  iconUrl: placeholder,
-//   iconSize: [24, 41],
+  iconSize: [24, 41],
-//   iconAnchor: [0, 44],
+  iconAnchor: [0, 44],
-//   popupAnchor: [12, -40],
+  popupAnchor: [12, -40],
-//   shadowUrl: null,
+  shadowUrl: null,
-//   shadowSize: null,
+  shadowSize: null,
-//   shadowAnchor: null,
+  shadowAnchor: null,
-// });
+});
-
+
-// const MyCustomMarker = L.icon({
+const MyCustomMarker = L.icon({
-//   iconUrl: placeholder,
+  iconUrl: placeholder,
-//   iconSize: [24, 41],
+  iconSize: [24, 41],
-//   iconAnchor: [0, 44],
+  iconAnchor: [0, 44],
-//   popupAnchor: [12, -40],
+  popupAnchor: [12, -40],
-//   shadowUrl: null,
+  shadowUrl: null,
-//   shadowSize: null,
+  shadowSize: null,
-//   shadowAnchor: null,
+  shadowAnchor: null,
-// });
+});
-
-L.Icon.Default();
 
 L.drawLocal = {
   draw: {
@@ -88,7 +86,7 @@ L.drawLocal = {
         },
       },
       marker: {
-        // icon: MyCustomMarker,
+        icon: MyCustomMarker,
         tooltip: {
           start: "با کلیک بر روی نقشه یک مارکر رسم کنید.",
         },
@@ -199,10 +197,7 @@ const LeafletMap = () => {
         maxNativeZoom={24}
         opacity={0.5}
       />
-      <Marker
+      <Marker position={[49.505, -2.09]} icon={pinMB}>
-        position={[49.505, -2.09]}
-        //  icon={pinMB}
-      >
         <Popup>{bedNumb}</Popup>
       </Marker>
       <FeatureGroup ref={leafEl}>