среда, 19 января 2011 г.

Как сделать приличную карту на сайт

Дело было вечером, делать было....
И задумался я о картах. Не о игральных, а о тех которые фигурируют на сайтах. Схемы проезда и т.д. и т.п. Обратил внимание, что на большинстве сайтов присутствуют статические карты и схемы, т.е. грубо говоря просто картинка с довольно крупными объектами (домами) на них. И если, скажем у фирмы, несколько филиалов, то таких картинок плодилось великое множество.

Задумался.


Задумался о том, как это можно все скомпактировать (*во дебильное слово..), сделать так, чтоб можно было посмотреть и в масштабе города, и была возможность приблизить карту, что бы рассмотреть как же все таки пробраться по закоулкам и улочкам к искомому. Естественно обратил внимание на такие сервисы как Google maps и Яндекс карты. И задался вопросом, как организовать такую фишку на своем сайте.

Остановился на Яндексе.

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

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

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

Все.
Дело было вечером, делать было нечего.
Накалякал статейку))))

Комментариев нет: