init commit

This commit is contained in:
K. Krivoruchenko 2025-11-02 16:42:25 +03:00
commit f716b05e18
7 changed files with 2766 additions and 0 deletions

View file

@ -0,0 +1,79 @@
# 🗺️ Как заменить карту мира на свою
## Вариант 1: Использовать свой файл изображения
1. Положите файл с картой мира в папку проекта (например, `world-map.jpg` или `world-map.png`)
2. Откройте файл `map.js` и найдите строку 26:
```javascript
this.mapImage.src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Equirectangular_projection_SW.jpg/1280px-Equirectangular_projection_SW.jpg';
```
3. Замените на:
```javascript
this.mapImage.src = 'world-map.jpg'; // или ваше имя файла
```
## Вариант 2: Использовать другой URL
Вы можете использовать любое изображение карты из интернета.
Например:
```javascript
// Физическая карта
this.mapImage.src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Equirectangular_projection_SW.jpg/1280px-Equirectangular_projection_SW.jpg';
// Политическая карта
this.mapImage.src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Mercator_projection_SW.jpg/1280px-Mercator_projection_SW.jpg';
// Карта без подписей
this.mapImage.src = 'https://eoimages.gsfc.nasa.gov/images/imagerecords/73000/73909/world.topo.bathy.200412.3x5400x2700.jpg';
```
## Рекомендации по карте
### Идеальный формат:
- **Разрешение:** 1280x640 или выше
- **Формат:** JPG или PNG
- **Проекция:** Равнопромежуточная (Equirectangular)
- **Без текста:** Лучше карта без подписей стран
### Где найти карты:
1. **Wikimedia Commons** - https://commons.wikimedia.org/wiki/Category:World_maps
2. **Natural Earth** - https://www.naturalearthdata.com/
3. **NASA Visible Earth** - https://visibleearth.nasa.gov/
## Настройка положения локаций
Если карта отличается от стандартной, возможно потребуется скорректировать координаты локаций в файле `data.js`.
Координаты задаются в пикселях:
```javascript
{ id: 'moscow', name: 'Москва', x: 640, y: 180, ... }
```
Где:
- `x` - положение по горизонтали (0 = левый край, 1100 = правый край)
- `y` - положение по вертикали (0 = верхний край, 600 = нижний край)
## Отключить затемнение
Если карта слишком светлая или темная, можно изменить затемнение в `map.js` (строка 91):
```javascript
// Убрать затемнение
// ctx.fillStyle = 'rgba(255, 255, 255, 0.1)';
// ctx.fillRect(0, 0, this.canvas.width, this.canvas.height);
// Или изменить прозрачность (0.1 = слабое, 0.5 = сильное)
ctx.fillStyle = 'rgba(255, 255, 255, 0.2)';
```
## Размер canvas
Размер карты автоматически подстраивается под размер окна, но координаты локаций рассчитаны на:
- Ширина: 1100px
- Высота: 600px
Если хотите изменить размер, измените координаты локаций пропорционально.