Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [PHP]Mapa
phonnix
post 20.12.2008, 09:21:21
Post #1





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 30.07.2008

Ostrzeżenie: (0%)
-----


Witam. Chcę zrobić mapę po której można by było płynnie poruszać się postacią, ale napotkałem problem przy jej wyświetlaniu, w bazie mam zapisane współrzędne x i y, oraz obrazek jaki ma być wyświetlony w tym miejscu i nie wiem jak to wyświetlać, żeby było to ułożone w taki sposób:
XXXXX
XXXXX
XXXXX

Czy ktoś mógł by mi pomóc?
Go to the top of the page
+Quote Post
Pilsener
post 20.12.2008, 11:17:23
Post #2





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


  1. <div id="mapa">
  2. <p style="position:absolute 20px 50px">Postać</p>
  3. </div>

Kontenerowi, w którym masz mapę nadaj position:relative a za 20px i 50px podstaw swoje współrzędne
Go to the top of the page
+Quote Post
phonnix
post 20.12.2008, 15:56:09
Post #3





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 30.07.2008

Ostrzeżenie: (0%)
-----


No dobrze, ale jeszcze jak z bazy je wyświetlić w takiej kolejności jak napisałem wyżej?
Go to the top of the page
+Quote Post
Pilsener
post 20.12.2008, 17:55:15
Post #4





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


Pobierasz z bazy:
  1. SELECT x,y,img FROM tabela


Generujesz listę:
  1. <?php
  2. $zapytek = mysql_query($zapytanie_do_bazy);
  3. while($dane = mysql_fetch_assoc($zapytek)){
  4.   $obiekty .= '<p style="position:absolute '.$dane['x'].'px '.$dane['y'].'px;background: url('.$dane['img'].')"></p>';
  5. }
  6. echo '<div id="mapa">'.$obiekty.'</div>';
  7. ?>
- nie jest to jakaś czarna magia przecież.
Go to the top of the page
+Quote Post
phonnix
post 20.12.2008, 18:25:35
Post #5





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 30.07.2008

Ostrzeżenie: (0%)
-----


Hmm ale to chyba ułoży wszystko w jednej lini?
Go to the top of the page
+Quote Post
Pilsener
post 21.12.2008, 01:16:05
Post #6





Grupa: Zarejestrowani
Postów: 1 590
Pomógł: 185
Dołączył: 19.04.2006
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


A próbujesz coś samemu zrobić i przetestować, czy tylko patrzysz na kod i dumasz?
Powinno dać taki kod html:
  1. <div id="mapa">
  2. <p style="position:absolute 20px 23px;background: url(obraz1.jpg)">elemenet1</p>
  3. <p style="position:absolute 30px 5px;background: url(obraz2.jpg)">element2</p>
  4. <p style="position:absolute 90px 53px;background: url(obraz3.jpg)">element3</p>
  5. </div>
- gdzie współrzędne i adres obrazka pobiera z bazy. Jak sam nie popracujesz nad tym, to samo się nie zrobi.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.07.2025 - 13:15