Tworzenie mapy obrazów

Hej, 

szukam narzędzi, pluginów i wszystkiego co przydatne do tworzenia mapy obrazu.

Nigdy tego nie robiłem, a będę mieć potrzębę stworzenia interaktywnej grafiki osiedla. Wiecie... plany budynków, mieszkań itd. Macie coś wartego polecenia?

Nie słyszałem o narzędziach do mapowania grafiki.

Taki plan budynków najwygodniej pewnie będzie zrobić we flash-u, ewentualnie w grafice wektorowej SVG (widziałem kilka wdrożeń, całkiem fajnie sie prezentowały).

Wygodnie w edytorze np. Adobe Flash Professional.

Nie słyszałem o narzędziach do mapowania grafiki.

Taki plan budynków najwygodniej pewnie będzie zrobić we flash-u, ewentualnie w grafice wektorowej SVG (widziałem kilka wdrożeń, całkiem fajnie sie prezentowały).

Wygodnie w edytorze np. Adobe Flash Professional.

Nie nie. Na bank flash odpada. 

Coś typu:
 

http://osiedlewyzwolenia.pl/mieszkania.html
http://apartamentyjakuba.pl/

Duża grafika i podpięte kształty pod nią, a reszta w CSS. Sam sposób działania rozumiem. Jednak najbardziej zależy mi na sprawdzonym generatorze, w którym zaznaczę odpowiednie kształty.

Nie nie. Na bank flash odpada. 

Coś typu:
 

http://osiedlewyzwolenia.pl/mieszkania.html
http://apartamentyjakuba.pl/

Duża grafika i podpięte kształty pod nią, a reszta w CSS. Sam sposób działania rozumiem. Jednak najbardziej zależy mi na sprawdzonym generatorze, w którym zaznaczę odpowiednie kształty.

W linku który podałeś chyba jest użyte to narzędzie:

http://www.outsharke....aspx?docs.html

Ale przyznam że nie znam nie używałem więc nie wiem czy to coś warte jest

@up

No właśnie widziałem to, ale chciałem skonsultować. Może ma ktoś w tej kwestii jakieś większe doświadczenie

A nie lepiej canvas? :>

A nie lepiej canvas? :>

No chyba nie. Rzuty osiedli,  mieszkań itd będą w postaci grafik w dobrej rozdzielczości. Stronię od flasha i padło na mapę. Kształty chciałbym wygenerować w jakimś programie poprzez rysowanie linni na zdjęciu. W osatateczności sam stworzę taki generator, ale widzę, że coś tam w sieci jest.

Kojarzę że Gimp miał coś takiego

Poza tym nie wiem czemu nie chcesz w canvasie.

Kojarzę że Gimp miał coś takiego

Poza tym nie wiem czemu nie chcesz w canvasie.

Nie bardzo rozumiem do czego mi tutaj canvas. Canvas mogę użyć do samego generowania mapy obrazu, ale żeby canvas sam w sobie służył za ibteraktywną mapę?

Chodzi Ci o to żeby w tle canvasu dać obrazek a w nim mieć kształty tak? To nie zmienia faktu, że muszę mieć jakiś generator żeby myszką zaznaczać odpowiednie mieszkania itd i na tej podstawie tworzyć kształty i dodawać efekty hover itd.

Ja szukam czegoś na zasadzie:
http://codecanyon.ne...preview/3172058

Tam jest użyty canvas ale właśnie do generowania mapy.

Mapa w canvasie: http://dev.filkor.org/RiskMap/

BTW. jakiś geograficzny lewus ją robił

Tutek: http://dev.filkor.or...-html-5-canvas/ in PS. W tutku masz jak zrobić szybko mapę za pomocą PS'a.

Użytkownik unbreak edytował ten post 19 lutego 2015 - 12:41

Ok, dzięki Sprawdzę ten temat później

Trochę zachodu będzie z responsywnością i przeliczniem canvasa na window resize. W teorii nie powinno sie nic zepsuc... no ale

Może area map w html ?

Od tego się zaczęło

Może area map w html ?

No od tego wyszedłem. Masz jakiś generator do polecenia? Bo jak nie to spróbuję z adobe illustratorem i canvasem

Faktycznie to illustrator a nie PS

Swoją droga czy do mapy nie podejdą takie parametry z canvasa? :> Pytam bo mapę to ja ostatnio robiłem chyba 10 lat temu

Faktycznie to illustrator a nie PS

Swoją droga czy do mapy nie podejdą takie parametry z canvasa? :> Pytam bo mapę to ja ostatnio robiłem chyba 10 lat temu

Ja nie robilem w kazdym razie najpierw musisz miec w jakis sposob wygenerowane sciezki Chyba bede je generowac w illustratorze, a potem sie zobaczy co z tym dalej

w photoshopie masz taka opcje

Tak się ciekawie składa, że identyczne zadanie teraz stanęło przede mną. Z tym, że ja mam jeszcze jedno wyzwanie. Muszę zachować responsywność . Nawet nie wiem jak się do tego zabrać. Czy w ogóle da się zbudować responsywność dla mapy html? Z tego co wiem koordynaty nie przyjmują wartości procentowych. A może się mylę?

... Muszę zachować responsywność . Nawet nie wiem jak się do tego zabrać. Czy w ogóle da się zbudować responsywność dla mapy html? Z tego co wiem koordynaty nie przyjmują wartości procentowych. A może się mylę?

można pokombinować z transform: scale(X)

Ja spotkałem się z ciekawym rozwiązaniem problemu jako SVG ze http://snapsvg.io/.

Ponadto co do samych map:

https://github.com/stowball/jQuery-rwdImageMaps
https://github.com/davidjbradshaw/image-map-resizer