|
|
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
Всем привет. У меня есть огромное изображение (карта местности). Размер ее примерно 15000 на 15000px Вес данной карты очень большой. Мне нужно чтобы при открытии странички в область (скорее всего фрейм) 500 на 300 пикселей была подгружена только часть этой карты, которая приблизительно была равна размеру фрейма. Предполагаю изначально порезать карту на маленькие кусочки и при скроллинге во фрейме эти кусочки карты постепенно подгружать с сервера. Это необходимо для того для того, чтобы страница не грузилась вечно, к тому же многим она вся целиком и не нужна будет. Думаю что реализовать такую вещь можно на JS, но как это сделать не знаю. Может подскажите что почитать или примерами поделитесь. Очень нужно. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 20:24 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
andMegaMВсем привет. У меня есть огромное изображение (карта местности). Размер ее примерно 15000 на 15000px Вес данной карты очень большой. Мне нужно чтобы при открытии странички в область (скорее всего фрейм) 500 на 300 пикселей была подгружена только часть этой карты, которая приблизительно была равна размеру фрейма. Предполагаю изначально порезать карту на маленькие кусочки и при скроллинге во фрейме эти кусочки карты постепенно подгружать с сервера. Это необходимо для того для того, чтобы страница не грузилась вечно, к тому же многим она вся целиком и не нужна будет. Думаю что реализовать такую вещь можно на JS, но как это сделать не знаю. Может подскажите что почитать или примерами поделитесь. Очень нужно. Хм... а задержки при скроле с учетом пропускной способности сети на нервы пользователям действовать не будут? может лучше сделать миниатюру данного изображения, расшарпить ее на куски (ну или картировать) и при нажатии на какой-нибудь из рисунков/областей на данной миниатюре подгружать более подробную карту? (получится эффект увеличивания нужной области). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 21:08 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
andMegaM, Это не яваскрипт. Не клиентская задача, тоесть. Картинка пускай себе большая и хранится. Резать её надо на сервере, а на клиента подгружать по мере надобности части. Это не обсуждается (тыщу раз проходили, да и гугл так работает). Проблема будет с генерализацией в случае усеньшения-увеличения. Если это не надо - то, как я сказал. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 21:23 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
Очень даже не плохой вариант. Но на данной карте планируется наносить разные метки. Я планировал привязаться к координатам всей карты, а как в этом случае быть? У каждой картинки своя система координат? А как на JS сделать миниатюру и при клике подгружать увеличенную часть? Скиньте, пожалуйста, ссылки ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 21:28 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
ShSerge Это не яваскрипт. Не клиентская задача, тоесть. Картинка пускай себе большая и хранится. Резать её надо на сервере, а на клиента подгружать по мере надобности части. Это не обсуждается (тыщу раз проходили, да и гугл так работает). Проблема будет с генерализацией в случае усеньшения-увеличения. Если это не надо - то, как я сказал. Уменьшения-увеличения не планируется. Я думал что изначально надо порезать карту на мелкие куски и залить их на сервер, а при необходимости подгружать посетителю то, что ему нежно. Но вот с этим я никогда не сталкивался. Как это можно реализовать? И если не яваскрипт, то как? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 21:35 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
andMegaM, Неделю назад халтурку делал с размещением объектов на карте. Делается это элементарно просто. Объекты рисуются на абсолютно-позиционированных дивах, размером с объект. А всё это добро лежит на относительно позиционированном элементе (ну чтобы с нуля всё позиционировать). А вызов самой карты выглядит так: <img src="http://my_host/my_file?left=lvalue&top=tvalue&... ну и ширина-высота" />, а программа my_file берёт данные из QUERY_STRING и выводит кусок карты в соответствии с координатами. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 21:48 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
andMegaM, Не надо ничего резать. На сервере (ну там на пхп, яве, сишарпе или вообще на сях) по мере надобности вырезай куски, исходя из данных этого самого QUERY_STRINGа, т.е. requestа. Немного можно поэкспериментировать по поводу драга, потому что скроллинг в этом случае не будет работать, согласно постановке задачи. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 21:56 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
ShSergeandMegaM, Не надо ничего резать. На сервере (ну там на пхп, яве, сишарпе или вообще на сях) по мере надобности вырезай куски, исходя из данных этого самого QUERY_STRINGа, т.е. requestа. Немного можно поэкспериментировать по поводу драга, потому что скроллинг в этом случае не будет работать, согласно постановке задачи. Почти ничего не понял. Есть ли у вас какие нибудь статьи на эту тему? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 22:17 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
andMegaM, Повторяю, я не знаю, что у вас за сервер и на каком серверном языке вы пишете. Я написал общий случай, что верно для любого языка. Ещё говорю, что одним яваскриптом - в принципе, можно обойтись, но это - сложнее и в смысле программирования и в смысле загрузки сети и компьютеров. Возьмите свою большую картинку, положите её на сервер и отрисовывайте (вырезайте т.е.) на сервере (серверной программой т.е. ну там тот же пхп, ява, сишарп и т.д.) нужные фрагменты и отсылайте пользователю. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 22:33 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
Использовать собирался php, но с графикой не работал, поэтому и знаний в этой области у меня нет. Вы говорите что тыщу раз проходили, да и гугл так работает , а я что то даже не знаю в какой области информацию на данную тему искать ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 22:38 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
Начать надо с простого - отрисовать на пхп картинку. Т.е. получить значения из запроса в УРЛ $_REQUEST['left'], $_REQUEST['top'] и т.д., как я и написал, и использовать пхпшную функцию imagecopy , если не соврал. Не забыть написать header("Content-type:image/чего-то там"); Пардон, в пхп не очень... Но если что, товариши поправят. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 30.01.2009, 22:56 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
А что, к google maps подключиться нельзя? Обязательно надо свою карту? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 31.01.2009, 05:03 |
|
||
|
Обработка катр или большие изображения
|
|||
|---|---|---|---|
|
#18+
google maps могут отключить без пояснений почему они это сделали ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 31.01.2009, 09:43 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=35789081&tid=1455252]: |
0ms |
get settings: |
12ms |
get forum list: |
21ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
440ms |
get topic data: |
15ms |
get forum data: |
5ms |
get page messages: |
73ms |
get tp. blocked users: |
2ms |
| others: | 245ms |
| total: | 821ms |

| 0 / 0 |
