Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
12 / 12 / 3
Регистрация: 19.04.2013
Сообщений: 1,037
1

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

12.01.2021, 22:08. Просмотров 1111. Ответов 5
Метки нет (Все метки)

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

Не просто наросовать а чтоб можно мыло выбирать фрагменты, менять цвет фрагментов. Какие готовые или полуготовые примочки есть?
0
Миниатюры
Нарисовать Карту мира  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
12.01.2021, 22:08
Ответы с готовыми решениями:

Как нарисовать карту на js?
Мне нужно написать (или найти готовую) js оболочку (редактор) чтобы нарисовать простую карту. По...

Изобразить карту мира
fg

Нужно сделать карту мира
Нужно срочно сделать карту всего мира всех материков, материки должны быть темно желтого цвета.

Яндекс разработал новую карту мира.
На Яндексе появилась обзорно-географическая карта мира-самая подробная русскоязычная карта мира в...

5
741 / 347 / 99
Регистрация: 04.10.2018
Сообщений: 545
13.01.2021, 00:55 2
Привет 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>
0
12 / 12 / 3
Регистрация: 19.04.2013
Сообщений: 1,037
13.01.2021, 21:53  [ТС] 3
понял. Но художник из меня хреновый
0
1462 / 1010 / 450
Регистрация: 11.07.2016
Сообщений: 2,669
18.01.2021, 13:33 4
Если на карте нужен интерактив, то применять лучше Canvas.
1
17 / 17 / 1
Регистрация: 15.08.2015
Сообщений: 32
27.01.2021, 15:07 5
Библиотека svgMap не подходит? Демо
2
12 / 12 / 3
Регистрация: 19.04.2013
Сообщений: 1,037
28.01.2021, 19:45  [ТС] 6
Спасибо, интересная ссылка
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
28.01.2021, 19:45

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

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

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

Нарисовать карту Беларуси
Необходимо сделать карту беларуси на которой нужно поставить флажки на...

Нарисовать карту по широте и долготе
Мне нужно нарисовать карту в python, если у меня есть широта и долгота, которая задается таким...

нарисовать политическую карту Африки
помогите пожалуйста нарисовать политическую карту Африки на паскале АБС

Каким способом нарисовать карту?
Привет всем! Мне нужно создать простенькую 2D игрушку - &quot;Битва змеек&quot;. Хотел посоветоваться как мне...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.