В этой заметке мы научимся добавлять информационные окна на карту Google. Каждая карта может одновременно отображать только одно информационное окно типа GInfoWindow, которое отображает HTML в плавающем окне над картой. Это информационное окно похоже на пузырь с репликами героев в комиксах; оно состоит из содержательной области и заостренного хвостика, конец которого находится в указанной точке… Читать далее »
В предыдущей заметке мы научились с Вами размещать значок маркера на карте, а также использовать для него собственное изображение. Сейчас мы научимся добавлять на карту балун — всплывающее над картой окно с клиновидным «хвостиком», привязанное к точке. Балун может содержать в себе как текст, так и HTML-содержимое. Одновременно на карте может быть только один балун… Читать далее »
В этой заметке я рассмотрю вопрос о том, как добавить маркер для обозначения точки на карту. В предыдущих заметках мы получили вид простейшей карты и добавили на неё элементы управления . В результате у нас получился следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html" /> <script src="http://api-maps.yandex.ru/0.8/?key=… Читать далее »
Недавно на сайте API Яндекс.Карт появился инструмент для определения географических координат объектов. Он расположен по адресу http://api.yandex.ru/maps/tools/getlonglat.xml В строке поиска Вы вводите название географического объекта, координаты которого Вы хотите определить. Координаты в формате «долгота, широта» будут указаны в поле под картой. Например, мы ищем координаты театра оперы и балета им. А.С. Пушкина в Нижнем Новгороде.… Читать далее »
В предыдущих двух заметках об использовании APIGoogle Maps мы рассмотрели как создать простейшую карту и добавить на нее элементы управления. В этой части мы научимся добавлять маркеры на карту для обозначения точек. Возьмем код из предыдущей заметки «Добавляем элементы управления на карту Google Maps». Повторяю его здесь. <!DOCTYPE html “-//W3C//DTD XHTML 1.0 Strict//EN”»http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”><html xmlns=”http://www.w3.org/1999/xhtml”> <head>… Читать далее »
В предидущей заметке из данного раздела Начинаем использование API-карт Google я рассказывал, как получить ключ к API карт и приводил простейший пример использования. В этой заметке мы разберем данный пример подробно и добавим к нему элементы управления картой. Привожу код примера: <!DOCTYPE html “-//W3C//DTD XHTML 1.0 Strict//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”content-type” content=”text/html; charset=utf-8?/> <title>Пример… Читать далее »
В заметке Начинаем изучать API Яндекс.Карт я уже представлял Вам пример кода простой карты, повторяю его текст: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html” /> <script src=”http://api-maps.yandex.ru/0.8/?key= AKgqHEkBAAAA-WzMYwIAeAeamm8ETZZZpdfp2R07eIuGyX4AAAAAAAAAAACjUCDoHIHZJ2pcl5mSL1zWVp2Myw==” type=”text/javascript”></script> <script type=”text/javascript” charset=”utf-8?> var map; function init () { map = new YMaps.Map( document.getElementById(”YMapsID”) ); map.setCenter(new YMaps.GeoPoint(44.0,56.32811), 13,… Читать далее »
27 августа 2004 года начал свою работу картографический сервис от Яндекса — Яндекс.Карты http://maps.yandex.ru. В начале, на сайте были представлены подробные карты Москвы и Московской области, Санкт-Петербурга, Киева, России и Европы. Карты городов были представлены с детализацией до дома с возможностью поиска по точным адресам. Картографические материалы и программное обеспечение для Яндекс.Карт были предоставлены компанией… Читать далее »
С этой заметки я начинаю рассказывать об использовании API-карт Google на Ваших сайтах. Описание API-карт Google расположено по адресу http://code.google.com/intl/ru/apis/maps/ С начала необходимо получить специальный ключ. Для получения ключа к API Карт требуется аккаунт Google, поскольку ваш ключ API будет связан с вашим аккаунтом. Получить собственный аккаунт можно по адресу https://www.google.com/accounts/ManageAccount На данной странице выбрать… Читать далее »
Для экспериментов с API карт на домашнем компьютере может понадобиться установка локального web-сервера. И для этого Вам необходимо установить и настроить у себя на компьютере несколько программ, предварительно загрузив их. Как правило, это следующие программы: — веб-сервер Apache, — PHP, — ActivePerl, — база данных MySQL, — phpMyAdmin — система управления MySQL через Web-интерфейс. Для… Читать далее »