Сервисы для создания интерактивных карт. Как сделать интерактивную презентацию (продолжение)

Презентация – отличный способ кратко и доступно донести информацию. Мы стремимся сделать ее красивой и незабываемой, информативной и впечатляющей. Однако шаблонные слайды, популярные стоковые картинки и диаграммы уже порядком всем надоели. Используя устаревшие приемы и графику вы уже не сможете произвести эффект на зрителя. Ниже мы рассмотрим несколько свежих идей, которые помогут донести вашу информацию в интересной и понятной всем форме.

1. «Человечки» (или об инфографике)

Почти все люди плохо воспринимают сухую статистику. Ведь цифры сами по себе не говорят нам ничего. Поэтому очень важно представить информацию таким образом, чтобы она воспринималась на интуитивном уровне, и зрителю не приходилось бы прикладывать много усилий, чтобы понять её и осознать. На помощь приходит инфографика – т.е. способ представления цифровой или статистической информации в графическом виде.
Допустим, мы хотим рассказать о том, что лишь 20% людей с действующими водительскими правами имеют собственный автомобиль. Конечно, можно написать про это текстом или сделать круговую диаграмму, как в данном примере:

Или можно преподнести информацию более наглядно. 20% – это 1/5 часть, то есть 2 человека из 10 или 4 человека из 20. Давайте воспользуемся этим и сделаем слайд, в котором всё будет очевидно:

Добавив фигуры людей и машин, мы превратили статистику в интересное изображение, которое не только привлекает внимание, но и помогает представить зрителю, сколько же это – двадцать процентов. В то время как обычная диаграмма не обладает такими свойствами, да и вообще напоминает «pac-man» 🙂

2. Большие цифры

Еще один способ эффектно преподнести цифровую информацию – сделать цифры огромными. Буквально! Сравним два слайда:

Расположение информации на первом слайде позволяет нам вставить фотографию милой собачки, но, с другой стороны, эта собачка отвлекает внимание от содержания. Второй слайд заставляет задуматься именно о цифрах. Тут надо отталкиваться от задачи рассказчика: если цель — вызвать эмоциональную реакцию, то используем первый слайд, если сосредоточиться на фактах – второй.

3. Темный фон

Обычно в презентациях используется светлый, спокойный фон. Чаще всего это оправдано, но не стоит бояться и темного фона. Это может быть стильно и красиво! Для презентаций часов, ювелирных украшений, «luxury» брендов, техники и многого другого, темный фон подойдет как нельзя лучше. Необязательно использовать именно черный цвет, есть целое множество красивых темных оттенков.

4. Взвешивание

Когда нам нужно сравнить два товара, оценить «за» и «против», показать плюсы и минусы, мы составляем списки. И иногда подобные рассуждения нужно отобразить прямо на слайдах. Возникает вопрос: как сделать эти исследования наглядными для зрителя и в то же время подтолкнуть его к принятию «правильного» решения? В данном случае можно воспользоваться небольшой хитростью и изобразить на слайде весы. Можно использовать стилизованные весы, весы Фемиды, рыночные весы – все, что позволяет фантазия и стиль конкретной презентации. В PowerPoint приятно пользоваться SmartArt объектом «Баланс».
А нужен ли вам iPhone? Рассмотрим слайды:

На обоих слайдах приведены одинаковые аргументы, но в первом случае у нас не создается впечатление, что iPhone надо купить. Зато второй пример с весами явно склоняет нас к покупке =)

5. Карты

Любые географические данные показываем на картах! Если мы работаем с клиентами из других стран, городов, регионов – смело помещаем на слайд карту и отмечаем цветом эти локации. В рамках одного города можно изобразить карту метро с обозначением станций, где есть наши точки продаж. Даже самый красивый маркированный список не даст того эффекта, который дает обычная карта. Ну и, конечно же, если мы сделаем карту, где схематично обозначено, как добраться до нашего офиса, клиенты будут очень благодарны.

Для примера рассмотрим два слайда:

На первом слайде просто размещен список аэродромов, на втором – те же аэродромы, но с привязкой к карте. Очевидно, что в плане восприятия второй слайд гораздо удобнее.

6. Рисование

Когда вы в последний раз держали в руках карандаш? А зачем? – справедливо спросите вы. Ведь на компьютере все гораздо удобнее и быстрее. Однако использование в презентации объектов, нарисованных от руки, может дать неожиданный и очень сильный эффект! Такой ход будет полезен дизайнерам, оформителям свадеб и праздников, производителям мебели, да и много кому еще.
Предположим, у нас магазин мебели, и мы хотим продать диван. Как показать клиенту, что наш диван – это именно то, что он искал? Безусловно, нужно перечислить все его достоинства и технические характеристики, но ведь покупка – это эмоциональное действие. В первую очередь, нам нужно вызвать у человека желание иметь этот диван у себя дома. Многие компании уже пользуются методом, когда клиент может загрузить фотографию своего интерьера и вставлять туда товары из магазина, подбирая подходящие. В презентации это реализовать, к сожалению, не получится. Но иногда абстрактные нарисованные обычным белым маркером предметы интерьера прорекламируют магазин лучше любых фотографий:

В приведенном примере мы наполнили интерьер потенциального клиента простыми предметами, которые есть у каждого и, конечно же, поместили в центр композиции наш диван. «Плоские» детали дополняют картину интерьера, придают ей ощущение уюта, но при этом не отвлекают внимание от главного. Плюс абстрактных изображений в том, что они оставляют большой простор для фантазии и воображения. Ведь каждый человек представляет именно свой интерьер.

Конечно, в буквальном смысле рисовать маркером на распечатанной картинке необязательно (хотя это вполне допустимо, просто не для всех удобно). Любой графический редактор позволяет добиться похожего эффекта.

7. Блок-схемы

Когда возникает необходимость описать в презентации какой-либо процесс, зачастую используются списки. В редких случаях к ним добавляют картинки. Но список из 5 и более пунктов уже воспринимается зрителем плохо. А если их больше? Не поленитесь потратить время на создание красивой и наглядной блок-схемы, подробно объясняющей суть процесса. Она существенно сэкономит время клиентов и сократит количество вопросов.
Таким образом, схематично можно изобразить работу цеха или отдела, принцип работы какого-либо устройства, процесс взаимодействия подразделений или, как в нашем случае, процесс заказа презентации в Студии Михаила Царева :

Творите, ищите новые идеи и не бойтесь удивлять!
P.S. Все используемые в примерах данные и статистика – вымышлены, а любые совпадения – случайны 😉

Аствацатуров Г.О., г. Армавир Подготовка интерактивных карт сейчас очень популярна. Есть большие возможности воспользоваться готовыми интерактивными картами в он-лайне из Интернета, но на уроке нас может подвести скорость. Кроме того, мы можем подготовить свои интерактивные карты, исходя из тех учебных задач, которые мы ставим перед собой. Предлагаемая демо-версия карты легко может использоваться для интерактивной доски при должной настройке. Итак, начинаем создавать интерактивную карту. Шаг первый. Вставляем основную карту. В данном случае, карту России. далее Внимание! Для интерактивной карты целесообразнее настраивать не объект, а целый слайд. Шаг второй. В смене слайдов находим режим «прямоугольник наружу». С ним эффект смены карт наиболее рационален. В «смене слайдов» убираем также галочки с режимов «по щелчку» и «автоматически». Шаг третий. Теперь нам необходимо создать гиперссылки. Ими будут выделенные объекты – тот или иной регион, даже населённый пункт В нашем конкретном случае выделим Краснодарский край и Карелию. Выделяем их полилинией. Получаем объекты, которые в дальнейшем станут гиперссылками. Обратите внимание! Необходима сплошная заливка, чтобы гиперссылка появлялась не только по контуру, но и по всему объекту. Настраиваем формат полученного далее рисунка на 100%-ную прозрачность. Шаг четвёртый. На отдельных слайдах размещаем необходимые нам карты регионов. Напомню, что смена всех слайдов в режиме «прямоугольник наружу». Шаг пятый. Каждый из выделенных объектов делаем гиперссылками на соответствующие карты. Рекомендуемое действие гиперссылки «по наведению указателя мыши». В таком режиме наиболее эффективна работа интерактивной карты. При необходимости можем продолжить углубление содержания, то есть от карты региона перейти к карте города (населённого пункта). Отсюда – к отдельным объектам. Шаг шестой. Не забываем на всех картах разместить «кнопки возврата» и на главную карту, и на карту, далее например, региона. Итак, что получаем? Наводим на нужные объекты. В данном случае на Карелию или Краснодарский край. Не забывайте настроить режим стрелки «видимый» для того, чтобы переход на другие слайды, осуществлялся быстро. Гиперссылка на населенный пункт делается прозрачным Павловская прямоугольником. Фактически его не видно. В нашем случае это Краснодар. Наводим на название города… Карта РФ Гиперссылка на населенный пункт делается прозрачным прямоугольником. Фактически его не видно. В нашем случае это Петрозаводск. Наводим на название города… Карта РФ Итак, у нас две «кнопки возврата» разного уровня: одна – РФ, другая на регион Карта РФ Карта Карелии Вид Краснодара из космоса Итак, у нас две «кнопки возврата» разного уровня: одна – РФ, другая на регион Карта РФ Карта Краснодарского края В разработке использованы материалы следующих сайтов: http://www.south.ru/yug.htm http://vip.karelia.ru/viewtopic.php?t=37372&posto rder=asc&start=650& http://mapsshop.ru/product_117.html

Они отличаются некоторыми особенностями работы с данными, отображения информации на картах, а также, безусловно, функционалом. Storymap поможет вам в том случае, если:

Приступаем к работе

Сервис разработан Knight Lab, а потому очень похож на другие созданные лабораторией приложения - и . Создавать карты на основе него очень просто, быстро, выглядят же они при этом (в том числе и на мобильных устройствах) красиво, так как могут включать в себя самый разнообразный мультимедийный контент. Разберем, как работать с этим приложением.

Интерфейс Storymap не имеет русскоязычной версии, но если вы не владеете английским, это не проблема - нужно запомнить небольшое количество достаточно универсальных слов, которые позволят вам ориентироваться в приложении.

Чтобы приступить к созданию интерактивной карты, нажимаем большую зеленую кнопку по центру экрана и авторизуемся через свой аккаунт от Google. В отличие от Timeline он здесь нужен только для входа.

Рабочее пространство Storymap чем‐то напоминает привычное приложение для создания презентаций. По сути здесь вы также делаете набор слайдов, только каждый из них имеет привязку к определенному месту на карте. Итак, слева у вас список слайдов, по центру - карта для поиска местоположений, снизу - поля для ввода текста и прикрепления дополнительных файлов к слайдам.

Добавляем первую отметку на карте нажатием на Add Slide и плюс в левой колонке. Затем нам нужно будет выбрать точку на карте, к которой он будет относиться. Для этого на самой карте есть окно поиска, который здесь реализован через Google. А это означает, что можно вводить адреса на русском языке и, более того, с точностью до улицы и дома. Находим нужную отметку, и Storymap переносит туда свой маркер.

Кстати, маркеры можно делать свои, если вам по каким‐то причинам не нравятся стандартные: кнопка для настройки находится в правом нижнем углу - marker options.

Все, что вы делаете, можно просмотреть еще до опубликования проекта, через предпросмотр - он находится во второй вкладке по центру под словом Preview. Каждый создаваемый слайд можно условно поделить на две части: слева - карта, справа - весь тот контент, который вы к ней привяжите. Что же можно привязать?

Прежде всего иллюстрацию - это столбец с заголовком Media. Ее можно загрузить с компьютера, либо добавить по ссылке, если она уже где‐то опубликована в сети. Здесь же - описание и указание на источник картинки. Далее, справа - основной контент. Вообще, подо всю часть с контентом - от иллюстрации до текста можно подложить свой фон, эта возможность кроется под кнопкой Background options. Ну, и наконец, в текстовое описание метки на карте можно включить практически, что угодно, так как здесь поддерживаются embed‐коды. А это значит, что сюда войдут практически любые мультимедийные элементы.

Помните, что в отличие от Google Maps или Яндекс. Карт на Storymap важна последовательность добавляемых слайдов. То есть читатель будет перемещаться по карте в том порядке, в каком вы их выстроили.

Когда все точки и описания добавлены, можно еще немного посмотреть настройки - в Options слева вверху. Здесь можно указать размер встраиваемой карты (если вы будете ее размещать на странице своего сайта или блога), язык контента (если укажем русский, навигация в созданной карте автоматически будет переведена на него), стиль отображения самой карты, шрифт и текст кнопки, приглашающей к просмотру. Еще одна опция кроется уже под пунктом меню Share - это возможность установить нужное изображение под заглавный экран карты.

Хотите посмотреть, как может выглядеть готовый результат творчества со Storymap? Смотрите карту Тура Медиасилы Оксаны Силантьевой в 2016 году.

В предыдущих уроках мы рассмотрели, как сделать управляющие кнопки на слайдах.

Продолжаем разговор о том, как сделать интерактивную презентацию. В этом уроке мы полностью заполним информацией слайды презентации, зададим фон и окончательно настроим ее так, чтобы переходы между слайдами осуществлялись только с помощью управляющих кнопок.

1. Щелкните ПКМ в любом месте слайда. Выберите в выпадающем меню Фон. (Или в верхнем меню выберите Формат – Фон.)

2. Появится диалоговое окно следующего вида. Цифрой 1 обозначено поле, показывающее текущую цветовую схему слайда. 2 – выбор фона. Щелкнув ЛКМ по треугольнику, можно задать цвет фона, структуру или рисунок из файла. Кнопка 3 позволяет применить настройку ко всем слайдам презентации. Кнопка 4 – к текущему слайду. Щелкните по треугольнику 3. Выберите в выпадающем меню Способы заливки .

4. В следующем окне перейдите на закладку Рисунок и щелкните ЛКМ по кнопке Рисунок . Найдите папку фоны для презентаций , находящуюся в папке Настройка действия и анимации . Выберите любой фон и нажмите Вставить .

5. Щелкните Ок, а в следующем окне кнопку Применить ко всем.

Изменение настройки смены слайдов

По умолчанию переход от слайда к слайду осуществляется левым щелчком мыши. Для интерактивной презентации нас это не устраивает. Нужно, чтобы все переходы осуществлялись только через навигационные кнопки.

1. Щелкните ПКМ в любом месте слайда и выберите в выпадающем меню Смена слайдов . (Или в верхнем меню выберите Показ слайдов – Смена слайдов ).

2. В правой части экрана появится окно настройки смены слайдов.

Здесь можно настроить вид перехода (пункт Применить к выделенным слайдам ). Эти переходы подобны тем, которые используются при создании слайдшоу.

Пункт Изменить переход позволяет настроить скорость перехода и наложить звук на переход. Если в этом пункте в поле Звук выбрать какую-нибудь фонограмму, сохраненную в той же папке, что и файл презентации, а затем поставить флажок непрерывно , то вся презентация будет проходить на фоне выбранной фонограммы. Важно! При использовании фонограммы или других файлов аудио и видео, сохраняйте их на носителе вместе с файлом презентации. Желательно сразу размещать все в один каталог и переносить в том же каталоге.

Эти настройки для нашей презентации мы менять не будем.

3. Перейдем к пункту Смена слайда. Уберите галочку по щелчку . Теперь переходы между слайдами будут осуществляться только при использовании навигационных кнопок.

4. Обязательно щелкните по кнопке Применить ко всем слайдам .

Для просмотра можно воспользоваться кнопками Просмотр и Показ слайдов .

Проверка корректности работы навигационных кнопок

Запустите презентацию, в верхнем меню: Показ слайдов – Начать показ (или F5).
Проверьте, что по щелчку вне кнопок переход не осуществляется.
Выйдите из режима показа, нажав клавишу Esc, которая находится в левой верхней части клавиатуры компьютера.
Убедитесь, что кнопки назад и далее правильно осуществляют переходы. Линейка слайдов, участвующих в последовательных переходах следующая.

Оформление титульной страницы

Выберите слева слайд № 1. В верхнем меню выберите Вставка – Рисунок – Из файла . Найдите файл титул. png , который расположенный в папке Для теории . Нажмите кнопку Вставить .
Измените размер рисунка так, чтобы он полностью покрыл слайд.
Добавьте кнопку Поехали! на слайд: Автофигуры – Управляющие кнопки –Управляющая кнопка: настраиваемая . Установите Перейди по гиперссылке – Следующий слайд . Задайте подходящий звук. Напишите слово «Поехали!» Для этого выберите инструмент Надпись и щелкните ЛКМ по кнопке. Напишите текст. Для выделения текста встаньте на него курсором мыши, удерживая Shift выделяйте текст влево или вправо кнопками стрелок. Задайте размер шрифта и цвет (в верхнем меню Формат — Шрифт ).

Вот что, приблизительно должно у вас получиться.

4. Добавьте анимацию для кнопки Поехали! Щелкните по ней ПКМ и выберите в выпадающем меню Настройка анимации . В правом поле настройки анимации выберите Добавить эффект – Вход – Другие эффекты – Растворение . В настройках задайте Начало – с предыдущим , скорость – средне . Проверьте, что получилось, щелкнув Показ слайдов .

Оформление Меню

1. Выберите слайд №2. Задайте макет страницы: ПКМ в любом месте слайда, Разметка слайда (или Формат – Разметка слайда ). Выберите макет Заголовок и текст .
2. В поле Заголовок слайда введите слово Меню просто щелкнув ЛКМ по слову Заголовок.
3. В поле текст введите две строчки:

Как правильно переходить дорогу
Проверь, как ты знаешь правила дорожного движения

4. Выделите текст Как правильно переходить дорогу, Настройка действия . Задайте Переход по гиперссылке – Слайд… – Слайд 4
5. Выделите текст Проверь, как ты знаешь правила дорожного движения, щелкните по нему ПКМ и выберите Настройка действия . Задайте Переход по гиперссылке Слайд… – Слайд 7 . При желании настройте звук перехода.
6. Проверьте работу гиперссылок, запустив показ презентации.

Оформление Справки

1. Скопируйте со слайда № 2 навигационные кнопки.
2. Выберите слайд № 3 в левом окне. В верхнем меню выберите Правка – Вставить.
3. Переместите кнопки в левую часть слайда.
4. Размещайте текст с помощью инструмента Надпись (в нижней панели инструментов) около кнопок. Напишите пояснения по работе каждой из кнопок.
5. Измените настройку действия для каждой из кнопок так, чтобы они были неактивными (ПКМ – Настройка действия – Переход по гиперссылке – Нет ).
6. Добавьте кнопку Возврат на слайд Справки: Автофигуры – Управляющие кнопки – Управляющая кнопка Возврат . Щелкните ЛКМ в любом месте слайда. Задайте звук.

Вот что, примерно, должно получиться.

Оформление слайдов теории

1. Активируйте слайд № 4. Оформите его так, как показано на скриншоте. Используемое изображение подземный переход.jpg, находится в папке Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории .

2. Активируйте слайд № 5. Оформите его по скриншоту. Добавьте все, что было не сделано в предыдущем уроке. Используются изображения пешеходный переход.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ) и пешеходный переход.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Дорожные знаки ).

3. Активируйте слайд № 6. Оформите его в соответствии со скриншотом. Используется изображение переход на светофор.jpg (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

Оформление вопросов

1. Слайд № 7. Неверный ответ перенаправляет (настройка действия – переход по гиперссылке ) на слайд 9, верный – на слайд 8. Изображения знаков находятся в папке Рабочий стол/Создание презентаций/Настройка действия и анимации/ Дорожные знаки .

2. Слайд № 8. Кнопка Вперед! перенаправляет на слайд № 10. Изображение светофор.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

3. Слайд № 9. Кнопка Попробовать снова осуществляет переход на слайд № 7, кнопка Повторить теорию – на слайд № 4. Изображение светофор1.png (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории ).

5. Слайды 11 и 12, 14 и 15 оформите подобным образом, не забывая перенастроить действие по нажатию на кнопки.

6. Слайд № 10.

7. Слайд № 13. Изображение переходить дорогу.jpg (Рабочий стол/Создание презентаций/Настройка действия и анимации/ Для теории). Для создания белого фона текста сделайте следующее. Выделите текст. Выберите в верхнем меню Формат – Надпись . Задайте цвет заливки в поле Заливка . Настройка действия осуществляется так же, как на слайде № 2 Меню.

Как сделать интерактивную презентацию полезной для дошкольников

Итак, мы заполнили и настроили слайды и переходы в презентации. Остается один важный момент. Дошкольники не умеют читать. По крайней мере, многие. Следовательно, нам нужно настроить озвучивание информации на слайдах. Это мы сделаем в рамках следующего урока.

Все уроки по созданию интерактивной презентации:

Скачать pdf файл с уроками можно

Сумму можно указать любую.

Несомненно, Google Maps - ведущий картографический сервис на рынке, предоставляющий услуги GPS-трекинга и навигации. Но сегодня сфера применения карт постоянно расширяется и уже вышла за рамки традиционных прокладки маршрута и поиска объектов.

Мы часто встречаем карты, отображающие загрязненность окружающей среды, карты движения городского транспорта или самолетов (вспомните известный ). В бизнесе карты могут использоваться для отображения и анализа местоположения заказчиков или сети розничной торговли. Туристические компании могут использовать карты для информирования своих клиентов о маршруте путешествия и туристических объектов (достопримечательностей, заведений общественного питания, гостиниц и хостелов.

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

С учетом этого в сети уже существует несколько онлайн-сервисов, позволяющих создавать собственные карты , т.е. размещать на них маркеры и пометки, показывать маршруты и выделять области, отрисовывать картограммы (они же теплокарты, от англ. heatmaps) и многое другое.

Созданные карты можно открыть для общего доступа, встроить их на страницу своего сайта или экспортировать в PDF для подготовки печатной продукции - как уже было сказано область применения очень широка.

Итак, давайте перейдем к рассмотрению наиболее популярных картографических сервисов .

Mapme

Mapme - мощный современный инструмент с богатыми возможностями. Позволяет управлять набором всевозможных карт и их содержимым. Поддерживаются тэги и категории, импорт из Excel. Имеет возможность делать карты публичными и встраивать их в веб-приложения.

Стоимость: бесплатно, $99 и $199

Animaps

Интересный сервис, позволяющий создавать анимированные карты для описания путешествия , расписания различных событий и т.п. На карту можно добавлять маркеры, значки, фотографии, заметки, перемещать их, выделять и изменять границы территорий и многое другое. А созданными картами можно делиться, встраивая их в или вебсайт.

Стоимость: бесплатно

Click2Map

Солидное приложение, содержащее множество полезных и передовых решений для создания и редактирования карт , одинаково хорошо отображающихся как на настольных компьютерах, так и на мобильных устройствах. Главный модуль Click2Map - карт , который позволяет размещать на них маркеры, и фотографии, текстовые сообщения или видео . Эти пометки могут содержать произвольные поля, поддерживается импорт из различных баз данных и автоматическое создание маркеров на основании этих данных.

Стоимость: $39 в месяц

Zee Maps

Zee Maps - онлайн-сервис для создания и публикации карт с целым набором современных и уникальных инструментов - механизмом поиска, личными картами, более 30 всевозможных маркеров и возможностью выделения целых областей, трехуровневым доступом (обычные посетители, члены группы и администраторы). Кроме того имеется возможность привязывать к маркеру различный медиаматериал - фотографии, аудио- и видеозаписи и сохранять карты в PDF и PNG формате для брошюр и презентаций.

Стоимость: бесплатно (до 5 карт) и платно, в зависимости от тарифного плана.

Scribble Maps

Еще один мощный и многофункциональный сервис для создания и публикации различных карт. Также предлагает возможность добавлять маркеры, заметки, собственные виджеты, сохранят карты в виде PDF или изображений. Кроме того есть инструменты для измерения расстояний, площадей, а также механизмы интеграции в десктопные и мобильные приложения.
Имеется для интеграции с .

Стоимость: бесплатно

GmapGIS

Эффективный инструмент для создания различных статических карт - спутниковых, гибридных, уличных. Имеется набор инструментов, для установки маркеров и добавлении различной информации, а также экспорта их в KML формат для просмотра в Google Earth.

Стоимость: бесплатно

Heatmap Tool

Heatmap Tools использует всю мощь Google Maps API для визуализации различных геоинформационных данных и создания так называемых «картограмм»(они же heatmaps). Можно настраивать различные параметры отображения, такие как радиус маркеров, цвет, прозрачность и др. Поддерживается импорт данных через формат CSV.

Стоимость: бесплатно (с водяными знаками и ограничениями на количество объектов и просмотров) и платно в зависимости от тарифного плана.

MapTiler

Использование MapTiler просто, как раз-два-три. Раз - отсканировать бумажную карту или создать ее с помощью GIS-системы (например, AutoCAD MAP 3D). Два - обработать ее MapTiler. Три - опубликовать в интернете, встроив, например, на страницу вашего сайта. При этом обеспечивается интеграция с такими популярными хостингами как Dropbox, Google Drive и Amazon S3.

Mapbox

И в заключении рассмотрим Mapbox - профессиональный сервис для разработчиков. Приложение позволяет создавать векторные карты, отображающие различные данные в реальном времени, имеет мощный механизм поиска по координатам и адресам и предоставляет несколько API и вспомогательных инструментов (например, для преобразования спутниковых снимков в векторные карты, прокладку оптимального маршрута).

Стоимость: имеются как бесплатный, так и платные тарифные планы