- Google Maps API에서 Leaflet + OpenStreetMap으로 전환 - 구마모토 지역 특화 타일 서버 Docker 컨테이너 추가 - PostgreSQL + PostGIS + Mapnik 스택으로 지도 타일 생성 - API 키 불필요한 오픈소스 지도 솔루션 구현 - 개발/프로덕션 환경 Docker Compose 설정 완료 - 빠른 로딩과 오프라인 지원 가능한 지도 서비스 주요 변경사항: - src/components/Map.tsx: Leaflet 기반으로 완전 재작성 - docker/map-server/: 구마모토 지역 타일 서버 구축 - docker-compose.yml, docker-compose.dev.yml: 지도 서버 연동 - package.json: leaflet, react-leaflet 의존성 추가
37 lines
734 B
YAML
37 lines
734 B
YAML
version: '3.8'
|
|
|
|
services:
|
|
web:
|
|
build:
|
|
context: .
|
|
dockerfile: Dockerfile
|
|
ports:
|
|
- "3000:80"
|
|
container_name: kumamoto-travel-planner
|
|
restart: unless-stopped
|
|
depends_on:
|
|
- map-server
|
|
environment:
|
|
- VITE_MAP_TILES_URL=http://localhost:8080/tiles
|
|
|
|
map-server:
|
|
build:
|
|
context: ./docker/map-server
|
|
dockerfile: Dockerfile
|
|
ports:
|
|
- "8080:80"
|
|
container_name: kumamoto-map-server
|
|
restart: unless-stopped
|
|
volumes:
|
|
- map_data:/var/lib/postgresql/data
|
|
- map_tiles:/var/www/html/tiles
|
|
environment:
|
|
- POSTGRES_DB=kumamoto_map
|
|
- POSTGRES_USER=postgres
|
|
- POSTGRES_PASSWORD=mapserver123
|
|
|
|
volumes:
|
|
map_data:
|
|
map_tiles:
|
|
|