Как создавать и редактировать карты с помощью сервиса MapBuildr

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





В основном используют Google Maps — один из мощнейших картографических сервисов в Интернете. Для придания карте собственного стиля, можно настроить её внешний вид с помощью Google API, но для этого необходимо знать язык JavaScript.

Сервис MapBuildr предлагает своим пользователям простой и понятный интерфейс — для придания вашей карте собственного стиля достаточно сделать несколько кликов, задавая параметры.

Изюминкой сервиса является возможность использовать собственные пиктограммы-маркеры и более 75 готовых шаблонов оформления карты.

Обзор

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

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

Вы можете управлять внешним видом карты, задавая следующие параметры:

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

Все изменения тут же отображаются на карте.

Добавление нестандартной пиктограммы-маркера

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

Получение кода карты

Теперь, после того, как вы создали карту, необходимо опубликовать её в Интернете. Для того чтобы получить код карты, необходимо кликнуть по кнопке «Get Code» внизу панели.

По клику вместо карты отобразится код JavaScript и заданные стили вашей карты. Скопируйте и вставьте этот код на нужную страницу до закрывающего тега <html>

Готово! Теперь на вашей странице карта, выделяющаяся среди тысяч подобных, и всего за несколько кликов!

Автор: hongkiat.com





Опубликовано на сайте: 12.09.2014

Автор: Перевод: Константин Войцеховский

Источник: http://www.prostoweb.com.ua/


Нужны деньги до зарплаты?

более 30 сервисов

Кредиты онлайн на карту за 15 минут

от 0,01%

ставка

до 180 дней

макс срок

до 20 000 грн.

макс сумма




Забавное видео

2-х летний малыш любит бросать. Смотрите, что получилось, когда родители купили ему баскетбольное кольцо!