init commit
This commit is contained in:
commit
f716b05e18
7 changed files with 2766 additions and 0 deletions
79
КАК_ЗАМЕНИТЬ_КАРТУ.md
Normal file
79
КАК_ЗАМЕНИТЬ_КАРТУ.md
Normal 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
|
||||
|
||||
Если хотите изменить размер, измените координаты локаций пропорционально.
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue