Java térkép weblapra

[DaveeD]

Olyan Magyarország térkép megoldást szeretnék a lapomra, amely megyénként kattintható.

Gondoltam ez javascript-el a legegyszerűbb. Tud valaki ilyet?

Találtam egyet a vikipédián, de valamiért nem a neki szánt blokk-ban jelenik meg...

Ha valaki tud valamilyen egyszerű megoldást, akkor kérem segítsen.

[hápi]

Magyarorszag terkep nem hiszem, hogy van. De ebbol kiindulva :http://www.w3schools.com/js/js_image_maps.asp sok-sok vagdosassal megcsinalhatod.

Tovabbiak:

hxxp://arcadiabluffs.com/course_hole_16.php

Kell egy kép, amelyiken a teljes Magyarország rajta van.

Kell egy másik kép, amin külön külön az egyes megyék egy egy téglalapban úgy, hogy csak a megye van kiszínezve, a többi átlátszó. Ez z-index=1-el van beállítva.

[Geri]

nem kell hozzá vagdosni. kell annyi kép ahány megye van és mindegyiken az egyik kiemelve. ezután imagemap al meg tudod csinálni hogy a lép egyes részeinél lecseréli a hátteret a megfelelőre.
ha a képek megvannak a js-t meg tudom írni hozzá

[DaveeD]

Találtam egyet, de valamiért letolja az oldalon, és a blokkon kívül jelenik meg.

<div style="height: 393px; width: 600px;"><map name="ImageMap_1_2129767827" id="ImageMap_1_2129767827">
<area href="/wiki/Somogy_megye" shape="poly" coords="120,244,159,229,161,230,165,226,163,223,17 8,217,186,219,190,228,189,242,182,248,177,262,179, 265,177,270,175,269,177,286,171,290,176,292,179,29 6,177,303,167,302,165,304,165,311,156,314,151,311, 150,314,148,314,147,311,146,311,138,335,138,347,14 6,351,147,356,140,359,131,348,116,348,98,320,73,30 3,72,298,77,298,77,301,85,298,87,295,85,287,95,285 ,103,273,103,256,106,252,108,245" alt="Somogy megye" title="Somogy megye">
<area href="/wiki/Baranya_megye" shape="poly" coords="146,315,165,311,166,304,181,304,188,297,18 7,289,199,287,205,297,204,304,207,305,201,312,204, 315,214,304,223,318,239,327,235,334,235,337,243,33 6,245,338,243,349,241,356,229,352,220,365,213,367, 209,374,181,367,177,370,158,370,140,361,148,356,14 6,351,139,347,138,335" alt="Baranya megye" title="Baranya megye">
<area href="/wiki/Tolna_megye" shape="poly" coords="191,242,198,237,208,242,211,248,219,241,22 7,254,248,234,252,233,259,251,251,261,248,260,245, 264,252,284,248,289,252,302,250,308,246,307,244,31 4,247,314,241,328,223,317,214,304,204,313,202,312, 207,305,205,302,205,297,199,287,186,289,187,296,18 0,303,179,303,179,296,176,291,173,290,178,286,176, 272,180,265,177,261,182,248" alt="Tolna megye" title="Tolna megye">
<area href="/wiki/Zala_megye" shape="poly" coords="92,207,103,212,106,217,105,221,109,222,120 ,244,107,245,105,252,102,254,103,273,94,285,84,287 ,86,295,84,298,78,300,78,298,72,298,64,290,58,287, 53,279,43,274,41,267,31,256,31,254,33,253,33,250,3 0,248,31,242,30,238,35,238,40,238,41,230,46,231,53 ,220,66,221,71,215,82,217,87,211,85,206" alt="Zala megye" title="Zala megye">
<area href="/wiki/Vas_megye" shape="poly" coords="27,245,24,235,27,228,18,225,7,228,6,225,15 ,216,23,207,36,208,38,198,36,187,37,178,40,172,36, 165,38,157,55,154,62,159,67,155,73,155,82,160,89,1 52,92,155,90,160,100,156,103,164,110,169,104,174,1 03,201,99,203,97,202,90,204,84,205,85,211,81,215,6 9,213,64,219,52,218,45,229,40,228,39,235,29,235,29 ,243" alt="Vas megye" title="Vas megye">
<area href="/wiki/Veszpr%C3%A9m_megye" shape="poly" coords="101,156,104,164,112,170,104,174,104,201,10 1,203,87,206,103,211,107,217,107,220,111,224,121,2 43,158,228,162,229,165,227,160,223,177,218,188,218 ,193,211,189,204,192,202,191,186,186,181,182,183,1 77,178,175,171,169,171,167,165,162,165,158,169,155 ,173,154,173,154,178,150,180,149,173,147,168,154,1 64,151,154,135,157,130,154,127,159,121,153,113,157 " alt="Veszprém megye" title="Veszprém megye">
<area href="/wiki/Gy%C5%91r-Moson-Sopron_megye" shape="poly" coords="37,127,51,133,56,131,59,136,57,139,62,144, 57,147,55,152,61,158,66,154,71,154,74,155,82,159,9 0,152,93,154,93,157,101,155,113,156,122,151,127,15 7,131,151,135,156,153,154,155,164,149,169,151,178, 152,177,152,171,156,170,163,163,163,146,168,143,16 4,143,167,135,163,132,164,121,149,118,139,109,136, 111,117,87,109,84,103,84,96,89,95,102,88,102,94,11 0,94,122,77,126,77,121,72,125,65,125,63,118,54,115 ,49,116,49,119,42,124,39,122" alt="Győr-Moson-Sopron megye" title="Győr-Moson-Sopron megye">
<area href="/wiki/Heves_megye" shape="poly" coords="341,76,344,79,345,86,341,88,341,94,335,97, 327,97,332,100,329,103,325,100,319,111,312,112,313 ,120,309,119,310,129,315,138,319,140,319,138,323,1 35,329,139,333,134,333,130,336,131,342,128,346,135 ,345,140,354,143,356,142,352,139,362,136,363,142,3 70,145,370,149,369,152,376,157,378,160,384,157,384 ,155,387,155,389,150,401,140,405,138,409,129,404,1 25,396,125,393,122,394,118,389,115,387,104,382,100 ,388,96,383,91,385,75,383,68,378,67,374,74,369,71, 366,75,360,74,357,71,357,69,351,68" alt="Heves megye" title="Heves megye">
<area href="/wiki/Csongr%C3%A1d_megye" shape="poly" coords="350,239,343,249,346,251,346,265,340,272,33 6,268,326,273,329,276,332,276,338,281,333,292,329, 292,324,295,316,296,318,302,314,307,319,317,331,32 5,342,318,348,318,350,323,352,323,356,319,359,322, 362,321,370,326,386,322,390,317,403,323,412,314,41 4,302,411,291,407,291,406,295,396,295,393,289,400, 279,399,271,395,258,397,243,390,242,385,237,375,24 3,369,243,366,239,360,244" alt="Csongrád megye" title="Csongrád megye">
<area href="/wiki/B%C3%A9k%C3%A9s_megye" shape="poly" coords="383,237,381,230,401,225,408,221,406,208,41 0,206,415,207,419,203,419,194,429,182,457,191,457, 200,453,202,453,209,473,217,480,216,479,213,487,20 8,491,208,491,216,483,220,486,225,484,228,478,231, 475,241,478,243,476,251,471,250,472,253,468,258,46 1,258,456,276,461,280,459,286,452,286,449,301,444, 300,443,306,439,308,416,304,412,291,407,289,406,29 4,396,294,395,290,401,279,397,258,399,243,390,240" alt="Békés megye" title="Békés megye">
<area href="/wiki/B%C3%A1cs-Kiskun_megye" shape="poly" coords="243,352,246,336,236,336,237,334,240,327,24 1,327,248,314,246,313,247,308,251,309,253,302,249, 290,253,283,246,265,249,261,253,261,261,252,251,23 2,256,225,255,207,265,208,280,197,288,202,285,210, 286,211,300,206,300,200,309,198,327,220,331,221,33 5,215,345,218,345,213,352,210,357,214,358,221,353, 230,355,233,351,238,342,248,346,253,345,263,340,27 0,335,266,325,271,328,277,332,277,337,281,332,292, 317,294,314,297,317,301,313,307,317,317,306,326,29 3,336,285,341,269,341,268,336,263,340,266,345,258, 349" alt="Bács-Kiskun megye" title="Bács-Kiskun megye">
<area href="/wiki/Borsod-Aba%C3%BAj-Zempl%C3%A9n_megye" shape="poly" coords="347,63,355,55,367,53,384,19,412,12,436,19, 453,14,464,10,478,19,486,38,498,38,522,34,520,42,5 17,44,506,52,494,58,481,59,477,58,466,62,464,71,46 7,75,462,80,447,82,438,79,435,83,439,89,435,104,43 3,117,417,130,409,129,404,124,397,124,394,121,396, 118,390,114,388,104,384,100,391,96,384,91,387,75,3 84,67,377,66,373,72,369,69,366,73,360,73,358,68,35 1,67" alt="Borsod-Abaúj-Zemplén megye" title="Borsod-Abaúj-Zemplén megye">
<area href="/wiki/Kom%C3%A1rom-Esztergom_megye" shape="poly" coords="164,116,199,120,213,117,237,111,245,110,25 1,113,252,124,246,124,246,131,238,130,240,133,233, 142,216,144,218,153,210,154,204,162,198,163,190,15 4,184,156,176,170,169,170,168,164,164,164,164,146, 170,143,166,143,168,135,165,132" alt="Komárom-Esztergom megye" title="Komárom-Esztergom megye">
<area href="/wiki/N%C3%B3gr%C3%A1d_megye" shape="poly" coords="251,80,259,77,278,80,285,74,299,75,302,60, 311,55,320,59,335,66,346,64,350,67,339,76,343,79,3 44,85,340,87,340,93,335,96,327,96,326,98,330,100,3 29,101,324,98,318,109,312,109,311,118,307,120,302, 125,298,126,294,117,296,111,265,107,252,94,259,88, 259,84" alt="Nógrád megye" title="Nógrád megye">
<area href="/wiki/Szabolcs-Szatm%C3%A1r-Bereg_megye" shape="poly" coords="440,90,437,84,438,81,446,82,463,80,469,75, 465,70,466,63,477,59,496,59,521,44,523,34,528,28,5 35,29,540,36,544,50,555,49,564,66,576,65,584,65,58 9,74,585,80,590,84,581,99,573,107,560,110,551,113, 539,116,530,132,526,132,522,125,517,131,512,120,50 7,118,502,124,484,117,477,111,476,92,453,97" alt="Szabolcs-Szatmár-Bereg megye" title="Szabolcs-Szatmár-Bereg megye">
<area href="/wiki/Hajd%C3%BA-Bihar_megye" shape="poly" coords="528,134,519,161,506,186,489,207,479,212,47 8,216,473,217,454,208,454,204,458,202,458,191,431, 182,429,148,429,138,416,138,414,131,420,130,434,11 7,439,90,450,98,476,93,476,111,482,117,502,126,507 ,119,511,120,517,131,523,127,525,133" alt="Hajdú-Bihar megye" title="Hajdú-Bihar megye">
<area href="/wiki/Fej%C3%A9r_megye" shape="poly" coords="232,144,235,152,240,156,241,160,236,163,25 1,180,247,190,249,205,255,207,256,224,251,232,247, 232,227,252,219,241,211,246,208,241,198,236,191,24 1,190,227,187,220,194,212,191,204,194,202,192,185, 186,179,182,181,178,178,177,171,183,157,190,156,19 7,164,204,162,210,154,220,153,217,145" alt="Fejér megye" title="Fejér megye">
<area href="/wiki/J%C3%A1sz-Nagykun-Szolnok_megye" shape="poly" coords="380,229,407,221,405,207,409,205,414,207,41 8,204,417,194,430,181,427,139,416,139,414,131,410, 130,405,139,389,150,389,155,380,161,368,153,369,14 7,363,143,361,138,355,138,356,142,354,144,344,140, 345,135,341,130,335,132,330,139,322,137,320,140,31 5,140,315,144,319,148,327,146,322,153,342,166,346, 176,343,181,353,186,354,191,349,197,355,209,355,21 2,358,215,359,222,355,229,357,232,352,239,359,243, 367,238,369,243,376,242,381,237" alt="Jász-Nagykun-Szolnok megye" title="Jász-Nagykun-Szolnok megye">
<area href="/wiki/Budapest" shape="poly" coords="252,141,253,152,257,154,256,159,255,162,25 4,166,265,164,271,169,278,163,286,157,286,149,282, 150,280,146,268,137,261,137" alt="Budapest" title="Budapest">
<area href="/wiki/Pest_megye" shape="poly" coords="250,111,238,106,238,92,244,80,250,81,258,8 5,258,87,252,92,252,95,265,108,296,111,293,117,297 ,128,308,121,309,130,315,139,314,145,319,150,325,1 47,321,153,341,167,345,176,341,182,353,187,353,190 ,348,197,354,209,353,211,349,211,343,213,343,216,3 35,213,331,220,327,219,309,197,300,199,299,206,285 ,211,289,201,280,196,264,207,250,204,248,190,252,1 80,238,162,241,160,241,155,235,151,233,143,241,134 ,241,131,248,133,247,125,253,125" alt="Pest megye" title="Pest megye"></map><img style="width: 600px; height: 393px;" alt="Counties of Hungary 2006.png" src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/bf/Counties_of_Hungary_2006.png/600px-Counties_of_Hungary_2006.png" usemap="#ImageMap_1_2129767827" height="393" width="600">
<div style="margin-left: 580px; margin-top: -20px; text-align: left;"><a href="/wiki/F%C3%A1jl:Counties_of_Hungary_2006.png" title="Kép leírása"><img alt="Kép leírása" src="/w/extensions/ImageMap/desc-20.png" style="border: medium none ;"></a></div>
</div>

Nem tudom, hogy mi lehet a baja...

[Geri]

itt egy példa: evolution-soft.com/terkep
ezen közép és nyugat-magyarországnál megcsináltam,ez alapján ha megvannak a képek összetudod te is rakni.

[DaveeD]

Az az egy a bajom a dologgal, hogy nem sok közöm van a java programozáshoz, ezért gondoltam, hogy keresek egyet, és azt írom egy kicsit át.

Nem tudjátok, hogy ennek amit beküldtem mi lehet a baja?
Az oldalon ahol van ott tekjesen jól működik, de nálam egy képernyőnyivel el van csúszva lefele, és az alatta lévő blokk tartalmára helyezi...

Múködés közben itt megtekinthető: hxxp://hu.wikipedia.org/wiki/Magyarorsz%C3%A1g_megy%C3%A9i

illetve a szélességén is szeretnék kicsit csökkenteni, de ez sem sikerült...

[Geri]

DaveeD eredeti hozzászólása

Az az egy a bajom a dologgal, hogy nem sok közöm van a java programozáshoz,

ahoz én se, de ez javascript

DaveeD eredeti hozzászólása

Nem tudjátok, hogy ennek amit beküldtem mi lehet a baja?

mutatsz egy linket?

[DaveeD]

Látod ennyire nem értek hozzá Java/Javascript nekem darab/darab

Itt van ahova felraktam, bár még teljes mértékben az eredeti oldalra hivatkozik:

hxxp://asztalos-egyedibutor.com/content/asztalosok-megyenkent


innen szedtem: hxxp://hu.wikipedia.org/wiki/Magyarország_megyéi

[Geri]

ez a wikiről behúzott kód nem fog nálad úgy működni ahogy szeretnéd.
ha azt akarod hogy minden alodalon ki legyen jelölve az aktuális megye akkor a legegyszerűbb ha mindenhová beraksz egy másik képet.
viszont meg lehetne oldani akár ajax-al hogy oldalfrissítés nélkül töltse be a tartalamat amikor a megyékre kattintassz és cserélje ki a képet arra ami kell.

DaveeD eredeti hozzászólása

Látod ennyire nem értek hozzá Java/Javascript nekem darab/darab

Itt van ahova felraktam, bár még teljes mértékben az eredeti oldalra hivatkozik:

hxxp://asztalos-egyedibutor.com/content/asztalosok-megyenkent


innen szedtem: hxxp://hu.wikipedia.org/wiki/Magyarország_megyéi

[DaveeD]

A cél az lenne vele, hogy rákattintok egy megyére és egy teljesen új lap nyíljon meg, amin már más tartalom van. A térkép nem szükséges. Csak azt szeretném elérni, hogy ne tolja le az oldal aljára. Meg ha lehet kicsit kisebb legyen.

Ezt sem lehet vele megcsinálni?

Az a gond hogy jelenlegi tudásomhoz mérten ezzel az egy megoldással tudom megcsinálni.