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

В этой небольшой заметке я хочу Вам рассказать о специальном скрипте для создания тайлов из изображений для 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 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 к последней метки. Спасибо
  • Гость: Вот <a href="http://www.geocodezip.com/v3_MW_example_map1.html" title="Пример" target="_blank" rel="nofollow">пример</a> реализации подобной задачи
  • Гость: Спасибо большое! Правда, пока все равно не работает под мои нужды с циклом for. Буду разбираться.
  • Гость: Подскажите пожалуйста, как после нарезки титлов на карте разместить балуны, или как назначить систему координат ?