powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обработка катр или большие изображения
14 сообщений из 14, страница 1 из 1
Обработка катр или большие изображения
    #35789001
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет. У меня есть огромное изображение (карта местности). Размер ее примерно
15000 на 15000px Вес данной карты очень большой.
Мне нужно чтобы при открытии странички в область (скорее всего фрейм) 500 на 300 пикселей была подгружена только часть этой карты, которая приблизительно была равна размеру фрейма.
Предполагаю изначально порезать карту на маленькие кусочки и при скроллинге во фрейме эти кусочки карты постепенно подгружать с сервера. Это необходимо для того для того, чтобы страница не грузилась вечно, к тому же многим она вся целиком и не нужна будет.
Думаю что реализовать такую вещь можно на JS, но как это сделать не знаю.
Может подскажите что почитать или примерами поделитесь.
Очень нужно.
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789052
VxS_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
andMegaMВсем привет. У меня есть огромное изображение (карта местности). Размер ее примерно
15000 на 15000px Вес данной карты очень большой.
Мне нужно чтобы при открытии странички в область (скорее всего фрейм) 500 на 300 пикселей была подгружена только часть этой карты, которая приблизительно была равна размеру фрейма.
Предполагаю изначально порезать карту на маленькие кусочки и при скроллинге во фрейме эти кусочки карты постепенно подгружать с сервера. Это необходимо для того для того, чтобы страница не грузилась вечно, к тому же многим она вся целиком и не нужна будет.
Думаю что реализовать такую вещь можно на JS, но как это сделать не знаю.
Может подскажите что почитать или примерами поделитесь.
Очень нужно.
Хм... а задержки при скроле с учетом пропускной способности сети на нервы пользователям действовать не будут? может лучше сделать миниатюру данного изображения, расшарпить ее на куски (ну или картировать) и при нажатии на какой-нибудь из рисунков/областей на данной миниатюре подгружать более подробную карту? (получится эффект увеличивания нужной области).
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789073
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
andMegaM,

Это не яваскрипт. Не клиентская задача, тоесть. Картинка пускай себе большая и хранится. Резать её надо на сервере, а на клиента подгружать по мере надобности части. Это не обсуждается (тыщу раз проходили, да и гугл так работает).
Проблема будет с генерализацией в случае усеньшения-увеличения. Если это не надо - то, как я сказал.
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789081
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Очень даже не плохой вариант.
Но на данной карте планируется наносить разные метки.
Я планировал привязаться к координатам всей карты, а как в этом случае быть? У каждой картинки своя система координат?
А как на JS сделать миниатюру и при клике подгружать увеличенную часть?
Скиньте, пожалуйста, ссылки
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789090
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSerge
Это не яваскрипт. Не клиентская задача, тоесть. Картинка пускай себе большая и хранится. Резать её надо на сервере, а на клиента подгружать по мере надобности части. Это не обсуждается (тыщу раз проходили, да и гугл так работает).
Проблема будет с генерализацией в случае усеньшения-увеличения. Если это не надо - то, как я сказал.
Уменьшения-увеличения не планируется. Я думал что изначально надо порезать карту на мелкие куски
и залить их на сервер, а при необходимости подгружать посетителю то, что ему нежно.
Но вот с этим я никогда не сталкивался. Как это можно реализовать? И если не яваскрипт, то как?
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789107
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
andMegaM,

Неделю назад халтурку делал с размещением объектов на карте. Делается это элементарно просто. Объекты рисуются на абсолютно-позиционированных дивах, размером с объект. А всё это добро лежит на относительно позиционированном элементе (ну чтобы с нуля всё позиционировать).
А вызов самой карты выглядит так: <img src="http://my_host/my_file?left=lvalue&top=tvalue&... ну и ширина-высота" />, а программа my_file берёт данные из QUERY_STRING и выводит кусок карты в соответствии с координатами.
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789117
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
andMegaM,

Не надо ничего резать. На сервере (ну там на пхп, яве, сишарпе или вообще на сях) по мере надобности вырезай куски, исходя из данных этого самого QUERY_STRINGа, т.е. requestа. Немного можно поэкспериментировать по поводу драга, потому что скроллинг в этом случае не будет работать, согласно постановке задачи.
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789138
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ShSergeandMegaM,

Не надо ничего резать. На сервере (ну там на пхп, яве, сишарпе или вообще на сях) по мере надобности вырезай куски, исходя из данных этого самого QUERY_STRINGа, т.е. requestа. Немного можно поэкспериментировать по поводу драга, потому что скроллинг в этом случае не будет работать, согласно постановке задачи.
Почти ничего не понял. Есть ли у вас какие нибудь статьи на эту тему?
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789154
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
andMegaM,

Повторяю, я не знаю, что у вас за сервер и на каком серверном языке вы пишете. Я написал общий случай, что верно для любого языка. Ещё говорю, что одним яваскриптом - в принципе, можно обойтись, но это - сложнее и в смысле программирования и в смысле загрузки сети и компьютеров.
Возьмите свою большую картинку, положите её на сервер и отрисовывайте (вырезайте т.е.) на сервере (серверной программой т.е. ну там тот же пхп, ява, сишарп и т.д.) нужные фрагменты и отсылайте пользователю.
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789160
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Использовать собирался php, но с графикой не работал, поэтому и знаний в этой области у меня нет.
Вы говорите что тыщу раз проходили, да и гугл так работает , а я что то даже не знаю в какой области информацию на данную тему искать
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789184
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Начать надо с простого - отрисовать на пхп картинку. Т.е. получить значения из запроса в УРЛ $_REQUEST['left'], $_REQUEST['top'] и т.д., как я и написал, и использовать пхпшную функцию imagecopy , если не соврал. Не забыть написать header("Content-type:image/чего-то там");
Пардон, в пхп не очень... Но если что, товариши поправят.
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789378
AndreiNz
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
А что, к google maps подключиться нельзя? Обязательно надо свою карту?
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789397
andMegaM
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
google maps могут отключить без пояснений почему они это сделали
...
Рейтинг: 0 / 0
Обработка катр или большие изображения
    #35789454
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
andMegaMgoogle maps могут отключить без пояснений почему они это сделали
Неа, есть соглашение (на русском в т.ч. языке) - там всё написано. Скажем, политкорректно - ничего хорошего.
...
Рейтинг: 0 / 0
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Обработка катр или большие изображения
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]