MapBox

Здравствуйте, я к вам в очередной раз с вопросом по javaScript .
Стоит задача прикрутить карту изображений к скрипту MapBox. http://wayfarerweb[dot]com/jquery/plugins/mapbox/ . Ещё проблема в том, что 4 слоя картинок. Прошу хотя бы подтолкнуть в правильном направлении.

(Отредактировано автором: 26 Августа, 2010 - 08:36:26)

При рассмотрении описания данного JS-скрипта по приведенной вами ссылке можно сказать что он использует клиентский API для движка карт googlemaps - который в свою очередь должен поддерживть возможность вставки собственных изображений

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

то ли я вас не понял, то ли вы меня. Вставить свои изображения - нет никаких проблем. А вот каким макаром прикрутить к ним

Видимо подразумеается что для организации дополнительного взаимодействия с картой можно использовать дополнительные слои с изобарежниями - в таком случае можно к примеру сделать прозрачный gif-файл с указанием размера области карты и для него применить аттрибут usemap с именем вашего объекта локальной карты OurRussia - и далее для каждого региона карты можно указать JS-события который будут вызывать нужные API-функции

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

Извините, судя по-всему совсем уже тупею =(. Не могли бы маленький пример, если не затруднит. Что-нибудь на вроде : маленькой кликабельной области в углу на карте.

Я не использую фреймворк jquery и различные дополнения к нему - однако по приведенной вами ранее ссылки с описанием данного расширения могу привести потенциальный пример Схема с добавление собственных слоев для карты построена таким образом что их всегда имеется опредеденное число не менее 2 элементов - при этом каждый определяющий его div-блок должен содержать какое-либо изображение Если вам требуется только один слой то видимо возможно указать саму карту и некоторое прозрачное изображение - по приведенному описанию это файлы layer1.png и layer2.jpg которые возможно сделать прозрачными Далее в первом случае вы осуществляете инициализацию объекта google-карты а во втором устанавливаете изображение по размеру на всю область карты - после чего аттрибута usemap добавляете к нему желаемую HTML-карту - и в ней используете обработчик onclick с вызовом типа $("#viewport").mapbox("zoom"); если заданный участнок предназначен для обеспечения функции масштабирования
Кроме того всегда возможно использовать прямую JS-обработку с операжающим операционным выполнением - благодаря этому возможно отслеживать динамические положения объектов и происходящих событий - и на их основе делать внутренние вызовы для объекта карты

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/

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

В приведенном ранее методе действительно подразумевалось создание набора их двух слове - в нижнем из которых должна находиться сама google-карта и добавляться туда автоматически - а в верхнем слое использовать специального изображение которые с точки зрения CSS не является прозрачным и доступно в текущей области - однако с точки зрения отоюражения оно может быть прозрачным gif-файлом Тем не менее для проверки вы можете попробовать использовать непустое изображение и настроить аналогичным образом карту для него - кроме того возможно для добавления кликабельной области потребуется явно указать CSS-свойства cursor:hand

-----
Сделать можно все что угодно - нужно только старание, терпение и хороший поисковик
Безлимитный web-хостинг от 15 рублей за 40 МБ дискового пространства - http://ihost[dot]oks71[dot]ru/