Notifikationer

Markér alle som læst Log ud

artico Novice

21. februar 2005 - 10:10 Der er 6 kommentarer og
1 løsning

Landkort med automatisk prik

Jeg vil gerne indtaste et postnr, og på en anden side bliver der sat en prik på et landkort.. Hvad gør jeg lige ?

Synes godt om

jakobdo Ekspert

21. februar 2005 - 10:18 #1

Du kunne lave følgende:

Først tager du et danmarks kort.
Så laver du en database med alle postnumre i + deres koordinater.
Så laver du en funktion som tager X og Y (koordinater) og sætter en prik ud fra det.
Men hvordan du så får de koordinater ved jeg ikke! :o(

Synes godt om

artico Novice

21. februar 2005 - 10:22 #2

ok, kordinaterne kunne være mm som findes i photoshop...

Synes godt om

freeagent Nybegynder

21. februar 2005 - 10:26 #3

Find koordinaterne for samtlige postnumre.

Når en side med kort skal vises placerer du en div med background-color:transparent; oven på kortet med samme dimensioner.

I denne div posiionerer du så igen en nu lille div som også er transparent, med en lille gif prik, som indeholder prikken, men nu med margin: 123px 0 0 123px; det sidste positionerer prikken.

Og ja du har sikkert gættet det, du erstatter bare 123 og 123 med de koordinater der svarer til postnummerets koordinater.

Håber du kan bruge det!
/freeagent

Her et eksempel du kan paste ind i et HTML dokument:

<html>
<head>
<title>positioning</title>
<style type="text/css">
#container {
width:400px;
height:400px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
border: solid 1px red;
}
</style>
</head>
<body>
<div id="container">
map
<div style="margin: 100px 0 0 100px; border: solid 1px green; width:20px; height:20px; ">X</div>
</div>
</body>
</html>

Synes godt om

artico Novice

21. februar 2005 - 10:32 #4

Det ser fint ud, men hvad hvis det er mere en end prik der skal sættes ?

Synes godt om

freeagent Nybegynder

21. februar 2005 - 10:35 #5

du kan sætte lige så mange prikker du vil.
Bare en div pr prik:

<html>
<head>
<title>positioning</title>
<style type="text/css">
#container {
width:400px;
height:400px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
padding:0px;
text-align:left;
background-color: transparent;
border: solid 1px red;
}
</style>
</head>
<body>
<div id="container">
map
<div style="margin: 100px 0 0 100px; border: solid 1px green; width:20px; height:20px; background-color: transparent;">X</div>
<div style="margin: 50px 0 0 80px; border: solid 1px green; width:20px; height:20px; background-color: transparent;">X</div>
<div style="margin: 150px 0 0 250px; border: solid 1px green; width:20px; height:20px; background-color: transparent;">X</div>
</div>
</body>
</html>

Synes godt om

jakobdo Ekspert

21. februar 2005 - 11:01 #6

Og du kan også sagtens sætte tekst!
Det ville du kunne gøre ved at lave billedet on-the-fly..

Synes godt om

dknsj Nybegynder

22. februar 2005 - 04:56 #7

Jeg har før lavet det, så slog jeg alle post numre op og placerede dem... KUN kommune byer :D

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
System til bordreservation Af Strawberry i PHP	3	20/07/202611:23	21/08/202611:02
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP	18	29/01/202613:08	02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP	6	25/01/202620:06	30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP	1	20/01/202621:11	23/01/202618:04
MS Graph vis kalenderaftaler Af dane022 i PHP	0	06/11/202508:43	-

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS