Новогодние подарки
от Деда Мороза
Забери свой!
Хочу Подарок!

Модуль Google maps: Заявите о себе на карте мира

Веб дизайн и разработка
Иван Алексеев 9 Марта, 2011
850
7

Вы когда-нибудь слышали о Google Maps? Это бесплатное приложение предлагает множество картографических услуг, например, Google Maps, Google Transit, Google Ride Finder и т.д. Они предоставляют доступ к картам стран и городов и позволяют планировать маршруты передвижения практически во всех странах мира.

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

Moto CMS всегда держит руку на пульсе самых передовых разработок и пытается реализовать все самые смелые идеи в собственных продуктах. Так, одна из функций, которую мы недавно добавили в нашу систему управления flash сайтами стал модуль Google Maps, созданный на основе Google Maps API. Теперь у всех владельцев сайтов на Moto CMS есть возможность визуально показать посетителям сайта местонахождение офиса, сети магазинов или складов. Очень полезная функция.

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

Давайте попробуем модуль в действии и используем все возможности передового виджета Google maps.

1. Располагаем модуль в нужном месте на странице сайта (мы делаем это на странице «Контакты»).
Нажимаем дважды на модуль для его редактирования. В открывшемся окне нажмите «Создать новое содержимое» и назовите содержимое модуля.

2. Выбираем место на карте для создания маркера:

Вы можете загрузить необходимое изображение из Медиатеки. Мы установим логотип Moto CMS.

  • Вы можете перетащить маркер, чтобы установить Latitude и Longtitude (широту и долготу);
  • Вы можете добавить Title (название) и Description (описание) для маркера, которые посетители увидят, после нажатия на маркер;
  • Вы можете добавить неограниченное количество маркеров:

3. В модуле Google Maps вы можете:

  • Указать по умолчанию тип карты (карта, спутник, гибрид или рельеф);
  • Установить фокус для карты. (первая точка, последняя точка или все точки);
  • Установите параметры изменения масштаба;
  • Установить фоновые настройки: прозрачность фона и цвет.

  • Настройте Controls Positions (расположение (Location), изменение масштаба (Zoom), шкалу для масштабирования карты (Scale), обзор (Map Overview) и тип карты (Map type);

  • Установите тип карты: карта (Normal), спутник (Satellite), гибрид (Hybrid) или рельеф (Physical);

  • При необходимости установите размер карты, угол поворота и прозрачность. Так же можно указать «Режим смешивания»;

Также можно поменять язык, отображаемый на карте:
Нажимаем «Редактировать модуль» или дважды кликаем на модуль. Заходим в «Настройки»:

Выбираем язык. Норвежский, для примера 🙂

Модуль “Google maps” встроен в Панель управления. А это значит, что вы получаете его бесплатно, купив лицензионную версию системы или любой шаблон flash сайта из нашего магазина.
Выбирайте любой шаблон из нашего магазина, зарегистрируйте его ДЕМО версию и пробуйте модуль Google maps в действии.

Следуйте за нами: @MotoCMS_ru

Автор: Иван Алексеев
В компании MotoCMS Иван работает со дня ее основания. Признается, что успел создать не один сайт на MotoCMS ради досконального изучения админки и изложения всех хитростей работы с ней в блоге. Иван невероятно позитивен, предан своему делу, отзывчив. С удовольствием поболтает с вами о новых фичах, тулзах, пингах и других непонятных определениях на страницах блога.
Заказать звонок
Наш оператор свяжется с вами через
Наш оператор свяжется с вами через
Мы можем позвонить вам в течении 30 секунд, просто введите свой номер телефона ниже
Хотели бы вы, чтобы мы связались с вами, когда вернемся в офис?
Укажите, пожалуйста, правильный номер телефона
Мы можем позвонить вам в течении 30 секунд, просто введите свой номер телефона ниже
30
Не было телефонного звонка?
Наш менеджер свяжется с вами в течение следующих 24 часов
Создать заявку
Сообщите нам ваш вопрос, мы обязательно вам поможем!