Нарисовать Карту мира

@UProger · Регистрация: 19.04.2013

Студворк — интернет-сервис помощи студентам

Как мне на странице создать Карту мира(или отдельного региона, страны) как на прилогаемой картинке?

Не просто наросовать а чтоб можно мыло выбирать фрагменты, менять цвет фрагментов. Какие готовые или полуготовые примочки есть?

@web_coder2 · 13.01.2021, 00:55

Привет UProger,

Нарисовать карту мира в векторном редакторе, а дальше например можно использовать эту примочку svg-pan-zoom

Добавлено через 29 минут
Векторный рисунок нужно будет сохранить в svg формат. Перекрашивать точно также как элемент html, вот пример простого svg который отобразит красный квадрат.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>
<body>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
<style type="text/css">
    .st0{fill:#ED2024;stroke:#000000;stroke-miterlimit:10;}
</style>
<rect x="200" y="200" class="st0" width="600" height="600"/>
</svg>
<script></script>
</body>
</html>

@UProger · 13.01.2021, 21:53 **[ТС]**

понял. Но художник из меня хреновый

@Balanaar · 18.01.2021, 13:33

Если на карте нужен интерактив, то применять лучше Canvas.

@m0nclous · 27.01.2021, 15:07

Библиотека svgMap не подходит? Демо

@UProger · 28.01.2021, 19:45 **[ТС]**

Спасибо, интересная ссылка

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@UProger 16 / 16 / 4 Регистрация: 19.04.2013 Сообщений: 1,194

	Нарисовать Карту мира 12.01.2021, 22:08. Показов 2304. Ответов 5 Метки нет (Все метки) Как мне на странице создать Карту мира(или отдельного региона, страны) как на прилогаемой картинке? Не просто наросовать а чтоб можно мыло выбирать фрагменты, менять цвет фрагментов. Какие готовые или полуготовые примочки есть? Миниатюры 0

@UProger 16 / 16 / 4 Регистрация: 19.04.2013 Сообщений: 1,194
	13.01.2021, 21:53 [ТС]
	понял. Но художник из меня хреновый 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	18.01.2021, 13:33
	Если на карте нужен интерактив, то применять лучше Canvas. 1

@m0nclous 19 / 18 / 2 Регистрация: 15.08.2015 Сообщений: 32
	27.01.2021, 15:07
	Библиотека svgMap не подходит? Демо 2

@UProger 16 / 16 / 4 Регистрация: 19.04.2013 Сообщений: 1,194
	28.01.2021, 19:45 [ТС]
	Спасибо, интересная ссылка 0