login  Naam:   Wachtwoord: 
Registreer je!
 Forum

MAP probleem

Offline joppers - 07/10/2004 10:39
Avatar van joppersNieuw lid Ik heb het volgende probleem:
Ik heb een landkaar ingescand, die krijg je in de browser te zien, links daarvan heb ik straten staan. Nu wil ik dat als je op een bepaalde straat klikt, dat er automatisch op die coördinaten gefocusd wordt... Iemand een idee hoe ik dat doe? Een soort omgekeerde area shape gedoe dus

10 antwoorden

Gesponsorde links
Offline Metalhead - 07/10/2004 11:37
Avatar van Metalhead HTML gevorderde Er zijn toch genoeg kaarten op 't internet die dit al kunnen?
(www.map24.nl, www.telefoongids.nl, enz, enz)
Offline Christiaan - 07/10/2004 11:38
Avatar van Christiaan Lid Misschien dat ie het nodig heeft voor een opdracht voor zijn werk?
Offline xSc - 07/10/2004 12:02
Avatar van xSc Onbekend Kijk even hoe andere diensten dat doen 
Offline joppers - 07/10/2004 13:14
Avatar van joppers Nieuw lid nee, ik heb da nodig voor m'n werk ind. Maar andere sites doen da meestal door middel van hun grote kaart in kleinere delen te knippen en vervolgens die delen te vergroten (zie bv: www.beringen.be) maar zoals eerder uitgelegd is dat dus niet de bedoeling...
Offline BigBug - 07/10/2004 15:05
Avatar van BigBug PHP expert in photoshop laden en slicen!
Offline Dennisvb - 07/10/2004 15:32
Avatar van Dennisvb MySQL ver gevorderde Je neemt de grote kaart, en koppelt er links aan vast dmv coördinaten te gebruiken. Wanneer je op bijv. plaats 1 klikt, dan open je plaats1.php. Daar plaats je dan de vergroting in.

Je kan de links ook buiten het plaatje halen door 'normale' links naast het plaatje te plaatsen die ook naar plaats1.php verwijzen.

Nu kan je naast het plaatje op een 'normale' link klikken, en in het plaatje.

Zo is dit op Beringen ook gedaan.

Veel succes!
Offline petory - 07/10/2004 16:15
Avatar van petory HTML interesse kan het ook in flash maken, zodat ie gewoon inzoomt op het stukje dat je wild
Offline ElleRt - 07/10/2004 17:34 (laatste wijziging 07/10/2004 17:36)
Avatar van ElleRt MySQL interesse ----
EDIT: srry.. volgens mij bedoel je dit niet... verkeerd gelezen... kan hem helaas niet deleten.. 
----

Bedoel je dit??
VB:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <MAP NAME="Wereld">
  2. 		<AREA SHAPE="circle" COORDS="54,91,27" HREF="NoordAmerica/NoordAmerica.php">
  3.         <AREA SHAPE="circle" COORDS="102,41,27" HREF="NoordAmerica/NoordAmerica.php">
  4.         <AREA SHAPE="circle" COORDS="114,148,27" HREF="ZuidAmerica/ZuidAmerica.php">
  5.         <AREA SHAPE="circle" COORDS="34,34,27" HREF="NoordAmerica/NoordAmerica.php">
  6.         <AREA SHAPE="circle" COORDS="67,67,27" HREF="NoordAmerica/NoordAmerica.php">
  7.         <AREA SHAPE="circle" COORDS="34,67,27" HREF="NoordAmerica/NoordAmerica.php">
  8.         <AREA SHAPE="circle" COORDS="67,34,27" HREF="NoordAmerica/NoordAmerica.php">
  9.         <AREA SHAPE="circle" COORDS="94,134,27" HREF="ZuidAmerica/ZuidAmerica.php">
  10.         <AREA SHAPE="circle" COORDS="98,171,27" HREF="ZuidAmerica/ZuidAmerica.php">
  11.         <AREA SHAPE="circle" COORDS="205,175,20" HREF="Afrika/Afrika.php">
  12.         <AREA SHAPE="circle" COORDS="176,105,30" HREF="Afrika/Afrika.php">
  13.         <AREA SHAPE="circle" COORDS="209,133,27" HREF="Afrika/Afrika.php">
  14.         <AREA SHAPE="circle" COORDS="215,59,27" HREF="Europa/Europa.php">
  15.         <AREA SHAPE="circle" COORDS="181,54,20" HREF="Europa/Europa.php">
  16.         <AREA SHAPE="circle" COORDS="214,27,20" HREF="Europa/Europa.php">
  17.         <AREA SHAPE="circle" COORDS="276,77,27" HREF="Azie/Azie.php">
  18.         <AREA SHAPE="circle" COORDS="283,107,27" HREF="Azie/Azie.php">
  19.         <AREA SHAPE="circle" COORDS="275,40,27" HREF="Azie/Azie.php">
  20.         <AREA SHAPE="circle" COORDS="314,103,27" HREF="Azie/Azie.php">
  21.         <AREA SHAPE="circle" COORDS="320,30,27" HREF="Azie/Azie.php">
  22.         <AREA SHAPE="circle" COORDS="320,65,27" HREF="Azie/Azie.php">
  23.         <AREA SHAPE="circle" COORDS="355,168,34" HREF="Australie/Australie.php">
  24.       </MAP>
  25. <IMG SRC="../Plaatjes/Wereld.jpg" WIDTH="400" HEIGHT="211" BORDER="0" USEMAP="#Wereld">


Beter kan het dmv dit:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <img src="../../../Plaatjes/Belgie.jpg" border="0" usemap="#Belgie"></TD>
  2.         <map name="Belgie"> 
  3.           <area shape="poly" coords="230,247,235,244,259,243,261,236,259,233,264,226,259,224,261,219,259,219,256,219,254,209,250,209,250,205,252,200,249,197,251,194,253,189,255,189,257,186,256,185,256,182,258,181,260,178,258,177,261,175,261,171,264,169,266,168,267,163,270,163,271,160,269,156,270,146,264,143,258,143,259,145,258,149,261,149,259,152,247,153,247,150,248,148,245,147,245,143,246,140,242,140,230,133,227,135,224,134,224,137,222,138,222,151,217,154,210,158,214,166,211,168,213,172,208,173,198,174,195,172,197,176,192,181,192,187,197,187,200,194,195,196,196,198,191,203,190,209,199,215,205,222,214,223,218,226,217,232,220,230,223,232,227,239,227,245,230,247" href="Luxemburg/Luxemburg.php" alt="Luxemburg">
  4.           <area shape="poly" coords="188,106,189,112,194,119,197,120,198,123,202,125,203,128,205,128,208,131,208,135,212,137,213,140,216,141,217,140,221,139,220,143,218,144,219,147,220,149,218,150,217,152,211,154,206,157,206,160,208,160,211,166,209,167,209,169,211,171,207,171,199,173,195,170,194,172,194,177,191,180,188,179,189,182,191,185,191,188,194,188,197,190,198,194,193,196,193,198,189,204,186,210,182,211,181,207,180,204,183,196,179,191,175,190,175,188,177,187,177,182,178,180,177,178,178,176,180,173,181,174,181,171,184,167,176,165,175,167,171,172,168,173,165,177,167,178,166,185,157,186,147,193,147,189,144,178,144,168,142,165,144,163,144,155,141,154,140,156,135,154,143,151,150,146,153,146,160,146,160,136,162,133,161,129,159,123,157,122,159,117,166,116,166,114,165,112,167,112,173,113,188,106" href="Namen/Namen.php" alt="Namen">
  5.           <area shape="poly" coords="49,92,51,94,50,95,54,97,56,101,54,102,54,107,57,109,56,118,64,124,65,122,70,123,71,119,75,120,73,124,82,123,85,128,87,134,86,139,86,142,90,144,93,141,101,141,104,145,114,141,118,144,122,148,124,153,127,151,130,153,126,157,123,168,128,169,130,176,127,179,123,181,123,184,125,184,124,187,130,191,132,189,138,189,139,191,142,191,146,192,143,183,142,171,141,165,142,161,142,156,140,157,137,157,134,155,134,152,139,150,144,147,148,146,149,144,153,145,158,145,157,136,160,132,158,124,155,123,156,120,154,121,148,120,148,117,142,117,140,118,138,119,137,116,131,112,131,109,128,109,127,106,123,109,119,107,119,98,118,100,108,101,103,98,103,93,98,94,97,92,95,93,95,92,94,90,89,90,85,96,78,95,76,91,71,91,65,98,62,98,59,95,60,94,58,92,54,92,52,90,49,92" href="Henegouwen/Henegouwen.php" alt="Henegouwen">
  6.           <area shape="poly" coords="134,58,143,63,151,64,159,64,161,62,163,61,165,60,166,63,170,60,173,59,177,61,179,61,183,60,184,58,191,59,192,61,196,60,197,57,200,57,201,58,199,59,199,61,196,64,195,66,193,70,194,72,196,73,199,74,200,72,204,74,205,76,202,77,202,79,200,81,200,86,197,89,198,95,197,98,195,96,195,93,192,92,191,89,188,90,185,93,183,90,178,91,176,86,172,84,171,85,168,85,168,86,168,87,165,87,164,86,161,87,163,92,160,92,160,91,157,91,157,92,156,92,154,93,153,94,152,92,149,91,141,96,139,94,137,94,136,97,135,98,132,98,131,98,125,95,123,96,121,97,117,97,116,98,108,99,105,96,107,96,108,90,110,91,118,88,119,83,116,81,121,76,119,72,121,71,124,72,126,70,125,64,128,65,131,63,130,58,134,58" href="VlaamsBrabantenBrussel/VlaamsBrabantenBrussel.php" alt="Vlaams-Brabant & Brussel">
  7.           <area shape="poly" coords="189,91,193,94,190,98,189,104,186,105,172,112,171,109,164,110,163,112,164,115,158,115,156,118,150,118,150,116,141,115,139,117,138,115,136,113,136,112,132,111,132,108,129,107,129,104,125,104,122,106,121,105,121,99,124,97,129,100,136,101,138,98,143,98,143,95,150,93,151,95,154,96,158,92,163,95,165,92,164,88,169,88,172,86,177,92,182,92,183,95,188,95,189,91" href="WaalsBrabant/WaalsBrabant.php" alt="Waals-Brabant">
  8.           <area shape="poly" coords="193,98,197,99,204,99,205,98,210,97,216,97,216,95,218,94,221,94,222,96,225,96,227,95,228,97,244,85,245,88,243,90,244,93,250,94,252,97,260,98,262,95,261,91,267,90,271,92,271,95,277,95,281,101,283,104,281,106,290,107,289,109,282,116,287,123,294,122,296,126,299,129,298,131,296,137,301,141,293,145,292,150,288,151,284,154,284,161,281,162,281,168,278,163,276,163,275,164,273,162,273,160,271,146,268,143,262,143,257,141,256,145,258,146,256,147,258,150,249,151,250,147,246,146,247,140,243,140,239,135,232,132,231,132,227,133,226,131,222,132,222,135,222,136,214,139,214,136,210,134,210,129,207,127,207,125,205,126,203,124,199,121,198,118,195,117,195,115,191,110,190,107,193,98" href="Luik/Luik.php" alt="Luik">
  9.           <area shape="poly" coords="245,92,250,92,253,94,255,96,259,95,261,94,259,92,259,90,257,91,256,89,255,91,253,91,250,88,248,90,245,92" href="Luik/Luik.php" alt="Luik">
  10.           <area shape="poly" coords="210,30,216,29,218,27,222,30,223,27,225,27,228,25,233,29,233,33,235,34,236,37,244,39,247,38,256,42,254,44,254,47,253,50,252,53,250,56,251,58,249,63,246,66,248,67,244,76,240,76,241,82,243,83,242,85,231,91,228,95,228,93,223,95,222,92,217,93,214,95,211,95,209,95,203,96,203,98,201,97,199,89,201,89,203,86,201,83,203,78,205,78,206,73,200,70,198,72,195,71,197,68,197,65,200,63,200,60,203,60,203,58,202,56,200,55,196,56,195,58,193,58,190,57,192,53,197,53,201,48,205,48,207,45,210,46,213,44,211,39,209,36,209,33,208,32,210,30" href="Limburg/Limburg.php" alt="Limburg">
  11.           <area shape="poly" coords="143,59,145,61,148,61,149,60,152,60,153,61,155,60,157,61,159,62,160,60,166,58,168,59,169,57,175,57,177,58,181,58,183,56,186,56,191,53,197,50,200,47,205,46,206,44,210,44,210,42,210,40,208,37,206,33,206,30,208,28,208,24,205,22,201,23,201,19,196,14,197,9,194,4,185,13,181,11,175,12,173,11,173,9,174,8,177,10,176,6,176,4,177,2,170,2,166,10,164,10,155,9,155,3,149,3,143,8,146,15,146,17,144,18,140,17,135,15,130,15,133,19,136,21,135,23,139,26,139,28,137,30,137,35,140,38,140,44,138,47,132,48,130,47,127,49,128,50,129,53,130,56,135,56,140,59,143,59" href="Antwerpen/Antwerpen.php" alt="Antwerpen">
  12.           <area shape="poly" coords="132,19,124,27,118,31,114,31,111,35,106,36,97,35,97,30,85,26,76,25,77,30,71,31,66,27,66,37,68,40,67,44,67,45,63,49,70,56,70,57,71,61,69,64,71,69,68,72,72,72,73,75,72,78,74,79,76,86,73,89,78,90,79,93,84,94,87,89,90,88,94,89,96,91,99,91,101,92,104,92,106,95,107,89,110,88,111,89,116,87,117,85,118,84,115,82,115,80,119,76,117,72,118,70,122,70,124,71,124,68,124,64,127,63,130,62,128,60,128,56,127,51,127,48,130,45,133,46,136,46,138,43,138,38,135,37,135,30,137,27,135,25,132,19" href="OostVlaanderen/OostVlaanderen.php" alt="Oost-Vlaanderen">
  13.           <area shape="poly" coords="24,91,24,96,28,98,29,95,30,93,36,89,35,85,31,86,32,87,32,89,28,92,24,91" href="WestVlaanderen/WestVlaanderen.php" alt="West-Vlaanderen">
  14.           <area shape="poly" coords="63,39,66,42,62,47,61,50,68,56,68,58,69,61,67,64,67,67,69,70,67,71,67,74,71,74,71,76,70,77,70,79,73,81,74,86,65,94,63,97,61,93,59,91,55,91,53,89,50,89,48,91,46,88,44,87,42,89,39,88,37,85,34,83,30,85,30,88,27,90,25,89,23,90,20,95,16,87,15,83,10,81,7,82,5,78,6,75,6,73,4,70,7,65,6,61,4,59,2,48,19,39,32,30,42,23,47,22,64,16,63,39" href="WestVlaanderen/WestVlaanderen.php" alt="West-Vlaanderen">
  15.         </map>


Gewoon ff mee prutsen!

Succes!
Offline joppers - 08/10/2004 09:35
Avatar van joppers Nieuw lid neenee, dat bedoel ik dus allemaal niet, @Dennisvb: maar zoals het in beringen gedaan is begrijp ik het, maar dat is juist niet de bedoeling... maar toch bedankt 
@petory : hoe begin je daraan?:s
Offline petory - 08/10/2004 10:15
Avatar van petory HTML interesse sorry heb niet veel flash ervaring, maar weet wel dat het kan...
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s