Sửa lỗi khi click vào nút bản đồ

2026-06-14 09:48:09 +07:00
parent 5cfb5b9d15
commit b3519c94cd
10 changed files with 89 additions and 51 deletions
@@ -4,6 +4,14 @@ import { useTourStore } from './useTourStore.js';
 import { MapContainer, TileLayer, Marker, useMapEvents, useMap } from 'react-leaflet';
 import L from 'leaflet';

+// Cấu hình Icon mặc định để tránh crash Marker trong Modal
+delete (L.Icon.Default.prototype as any)._getIconUrl;
+L.Icon.Default.mergeOptions({
+  iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',
+  iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
+  shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',
+});
+
 // Component Helper xử lý việc chọn vị trí trên mini map bằng chuột phải
 const MapPicker = ({ onPick, center }: { onPick: (latlng: L.LatLng) => void, center: [number, number] }) => {
  const [menuPos, setMenuPos] = useState<{ x: number, y: number, latlng: L.LatLng } | null>(null);