Как я делаю проекты с GoogleMaps shperk's blog / 21.03.2013 Недавно я описывал несколько сервисов, позволяющих создавать коллективные Google карты.Минус всех этих сервисов в том, что они, как правило, имеют англоязычный интерфейс и, самое главное, не позволяют сопроводить метки на карте, которые вставляют участники проекта, более или менее значительной текстовой информацией. То есть в любом случае для создания сайта проекта необходимо создавать отдельный ресурс - сайт по технологии Google Site, блог или что-то еще.Сервис Google Maps предполагает, что созданная карта может быть вставлена в любую веб-страницу при помощи специального кода. Однако на мой взгляд, все это приводит к неоправданному усложнению работы алгоритма работы участников (или - чаще - организаторов) с проектом.Технология, которую использую я, предполагает единовременную установку сайта проекта, интегрированного с Google Maps, что требует некоторых усилий, но зато потом все материалы проекта автоматически собираются в единую карту.Итак, по порядку.Для сайтов проектов я использую как правило, движок WordPress. Это очень гибкий движок, позволяющий без применения программирования выстроить практически любой сайт (не только блог, для которого он изначально был создан). Практически полностью изменить функциональность движка позволяют плагины, которые добавляются к основному сайту в полуавтоматическом режиме.В качестве примера проекта я хочу привести сайт конкурса "Нанотехнологическая карта России", созданного для конкурса, который проводился в конце 2012 года Школьной лигой РОСНАНО. Сайт этот я потом клонировал для проведения своих личных школьных проектов. См., например, сайт вот такого проекта.Для создания проекта с картами Google я использовал плагин MapPress, однако есть и другие плагины с аналогичным функционалом. Как создать сайт на Wordpress в сети можно найти огромное количество материалов. Самое главное, что для создания такого сайта нужен хостинг с поддержкой php и MySQL. Этим требованиям отвечает практически любой платный тариф любого хостера. Есть и бесплатные предложения, но они, как правило, заставляют расплачиваться рекламой или низкой скоростью работы. Мне для создания сайтов хватает школьного хостинга.Для установки плагина необходимо: зайти в раздел «Плагины», и нажать на ссылку «Добавить новый»; произвести поиск в каталоге плагинов WordPress и напротив необходимого плагина нажать на кнопку «Установить»; в процессе установки возможно потребуется ввести данные FTP сервера, имя сервера, логин и пароль, они должны быть в письме от вашего хостера. Плагин будет автоматически скачан на сервер, распакован, установлен и активирован.Если во время автоматической установки плагина возникли ошибки, попробуйте вручную скачать плагин и в разделе «Установка плагинов» нажать на ссылку «Загрузка», выбрать сохраненный на компьютере архив с плагином и нажать на кнопку «Установить».Если нужна какая-то консультация по созданию и настройке сайта на WordPress, задавайте вопросы. Здесь же мне хотелось бы сконцентрироваться на особенностях работы именно с картами Google.Плагин MapPress не требует никаких специальных настроек, однако если Вы хотите настроить внешний вид "бейджиков", которыми сопровождаются метки или размер самих карт, на которых пользователи будут расставлять метки, это можно сделать.При использовании этого плагина к странице добавления новой записи появляются специальные поля для создания метки на карте.Вот выдержка из инструкции с сайта "Нанотехнологическая карта России":Зарегистрировавшись на сайте и войдя под своим именем, Вы попадаете на служебную страницу, в самом верху которой есть ссылка «Добавить — Запись»:Открывается окно, в котором надо написать текст.К вашим услугам — визуальный редактор с возможностью вставить иллюстрации, загруженные с компьютера.Обратите внимание на то, что, создавая страницу, Вы должны определиться с рубрикой, в которую вы помещаете материал. Не стоит страницу Университета размещать в рубрику Производственные компании.Для лучшей навигации используйте метки. Например, хорошим тоном для статьи будет пометить регион (например, Белгород) и отрасль либо продукцию («Солнечные батареи»).Для вставки метки на карте служит специальный интефейс внизу поле для текста.Вставка картыНажмите на кнопку «Вставить карту» внизу страницы. Заполните поле адреса реальным адресом организации.Если вы все сделали правильно, адрес определится, и вам будет показана детальная карта места с привязкой к ней точки.Заполните название карты (поле «Заголовок»). Можете выбрать иной размер карты, которая будет вставлена в сообщение.В принципе, если вас устраивает результат, на этом можно закончить, нажав кнопку «Сохранить».Не забудьте опубликовать страницу, нажав на кнопку «Опубликовать» в правой части. Доработка карты и придание ей профессионального вида.Карта, которая получилась на предыдущем этапе, выглядит не очень красиво, но ее можно улучшить.Изменение текста надписи.В тексте надписи метки, скорее всего, не упоминается название организации (если ее адрес не зарегистрирован в Адресах Google). Этот недостаток легко исправить.Нажмите на «Править» в «облачке» на карте и исправьте текст:Щелкнув по значку в правом верхнем углу, можно изменить значок, сделав его более подходящим для данного объекта:Сохранив карту и опубликовав страницу, мы получаем вполне профессионально выглядящую страницу организации с картой. Google Maps WordPress карты проекты