Numbo のマップページで地図のタイルが分割されて正しく表示されない問題を修正してください。

---

Numbo のマップページで地図のタイルが分割されて正しく表示されない問題を修正してください。
既存の機能はすべてそのまま維持してください。

**症状：**
地図のタイルが3分割されて間に灰色の余白が表示されている。レイアウトは正しいが地図自体が正常に描画されていない。

**原因と修正内容：**

原因はLeaflet.jsのCSSが読み込まれていないか、地図コンテナのサイズ計算が間違っていることです。

以下をすべて確認して修正してください：

1. Leaflet.jsのCSSが読み込まれているか確認する。現在のマップページのHTMLソースを確認して、leaflet.css の読み込みタグが存在するか確認する。存在しない場合は追加する。存在する場合はパスが正しいか確認する。

2. 地図コンテナのCSSに以下を設定する：幅100%・高さ100%・最小高さ500px・overflowをhiddenに設定する。

3. 地図コンテナの親要素にも明確な高さを設定する。親要素の高さが未定義の場合、子要素の高さ100%が機能しない。

4. Leafletの地図を初期化した直後ではなく、地図コンテナが画面に完全に描画された後に初期化する。window.onloadまたはdocument.readyStateがcompleteになってから初期化する。

5. 初期化後に300ミリ秒後と1000ミリ秒後の2回、map.invalidateSize(true)を呼び出す。

6. ウィンドウのリサイズイベントでもmap.invalidateSize()を呼び出す。

7. Leafletのマーカー画像のパスを明示的に設定する。デフォルトのアイコン画像が見つからない場合、地図の初期化に失敗することがある。

修正後にPC・スマートフォン両方で地図が分割されずに1枚の地図として正しく表示されることを確認してください。

既存の機能は変更しないでください。

---