Создание тайлов для Google Maps в программе Adobe Photoshop

Автор: | 02.05.2012

В этой небольшой заметке я хочу Вам рассказать о специальном скрипте для создания тайлов из изображений для Google Maps в программе Adobe Photoshop.

Скрипт называется Photoshop Google Maps Tile Cutter Script и разработан Bramus Van Damme’s.

Загрузить его можно здесь.

Для работы скрипта необходима версия программы Adobe Photoshop CS5 для ОС Windows или Mac OS X.

Как работать с данным скриптом.

Загружаем архив с файлами и разархивируем его.

Файл со скриптом PS_Bramus.GoogleMapsTileCutter.jsx копируем в папку для скриптов в поддиректории установки программы Photoshop:

— Photoshop CS5 для Mac OS X это /Applications/Adobe Photoshop CS5/Presets/Scripts
— Photoshop CS5 для Windows это C:Program FilesAdobeAdobe Photoshop CS5PresetsScripts

Далее запускаем программу Photoshop и открываем в ней файл с исходным изображением для карты.

После этого запускаем сам скрипт, выбираем меню Файл->Сценарии->PS_Bramus.GoogleMapsTileCutter (File -> Scripts -> PS_Bramus.GoogleMapsTileCutter).

Запускается процесс создания набора тайлов.

После его окончания, полученные тайлы, располагаются в папке tilecutter на рабочем столе.

Теперь мы можем использовать созданные тайлы совместно с API Google Maps v3.

Пример реализации включен в архив файлов в месте со скриптом.

Пример работы

Создание тайлов для Google Maps в программе Adobe Photoshop: 3 комментария

  1. Nick

    Читаю ваш блог. Спасибо, очень полезно. Благодаря ему решил попробовать научится использовать google api.
    Не могли бы вы мне указать на мою ошибку. Спрашивал уже, кажется, везде, но так и не получил ответ.

    Хочу сделать infowindow для каждой метки:

    for (i = 0; i < events.length; i++) {
    var contentString = '’+i+’Тут всё то про что должно быть рассказано’;
    var infowindow = new google.maps.InfoWindow({
    content: contentString
    });

    var newMarker = new google.maps.Marker({
    position: new google.maps.LatLng(events[i][1], events[i][2]),
    map: map,
    title: events[i][0]
    });

    newMarker.category = events[i][3];

    markers.push(newMarker);

    google.maps.event.addListener(newMarker, ‘click’, function() {
    infowindow.open(map,newMarker);
    });
    }

    Но это добавляет только один Infowindow к последней метки.

    Спасибо

  2. Nick

    Спасибо большое! Правда, пока все равно не работает под мои нужды с циклом for.

    Буду разбираться.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *