Od czego zacząć - strona o państwach świata

pytanie zadane 22 czerwca 2016 w HTML i CSS przez AJMG Nowicjusz (120 p.)

Witam!

Muszę napisać stronę z informacjami o państwach świata (powierzchnia, ludność itp. (podstawowe fakty)). Na stronie ma znajdować się mapa świata z zaznaczonymi państwami, najeżdżając kursorem na powierzchnię jakiegoś państwa ma się ono podświetlić oraz ma zostać wyświetlona jego nazwa, natomiast po naciśnięciu mają pojawić się wspomniane informacje. Co powinienem umieć aby coś takiego napisać? Znam podstawy HTML i CSS z filmów p.Zelenta.

Mam nadzieję, że opisałem to wystarczająco jasno.

Dziękuje za wszelką pomoc.

P.S. chodzi mi o coś takiego: http://polmap.pdg.pl/mapy/europa.html

komentarz 22 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Polecam Google Maps API - jeśli możesz korzystać z zewnętrznych API/bibliotek.

Otrzymasz mapę, a po dodaniu eventów z tego API myślę że uda CI się obsłużyć pokazywanie informacji po najechaniu myszką na dany kraj i jakieś inne zdarzenia typu kliknięcia.

https://developers.google.com/maps/documentation/javascript/events

https://developers.google.com/maps/documentation/javascript/reference#Map

komentarz 22 czerwca 2016 przez AJMG Nowicjusz (120 p.)

Dzięki za odpowiedź!

Mi bardziej chodziło o to jak mogę zwykły obrazek (mapę) podzielić na części (każda część - inne państwo). Czy takie coś w ogóle jest możliwe?

komentarz 22 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Jeśli dobrze rozumiem co chcesz zrobić, to musiałbyś na tym obrazku zrobić DIVy uwzględniając, że nie będą to czworokąty tylko nieregularne kształty (odwzorowanie państw) - czyli dużo CSSa. Albo próbuj jakimś Canvasem lub SVG. Moim zdaniem użycie Google Maps API będzie szybsze, wygodniejsze i bardziej precyzyjne.

komentarz 25 czerwca 2016 przez AJMG Nowicjusz (120 p.)

Ok tylko jak zrobić żeby te divy były nieregularne tzn. żeby pokrywały się z powierzchniami państw na mapie?

komentarz 25 czerwca 2016 przez ScriptyChris Mędrzec (190,190 p.)

Nie wiem. Sam bym pewnie tego nie zrobił, bo do tej pory nie miałem potrzeby tworzenia figur geometrycznych o nieregularnych kształtach za pomocą CSS.

Poszukaj: http://lmgtfy.com/?q=svg+canvas+shapes+country+maps

https://bost.ocks.org/mike/map/

https://parall.ax/blog/view/2985/tutorial-creating-an-interactive-svg-map

1 odpowiedź

odpowiedź 22 czerwca 2016 przez Kornelia Kobiela Nałogowiec (33,340 p.)

Wiesz myślę, że taki projekt jest dobrą opcją do tego, żeby się dowiedzieć co-nieco o bazach danych, PHP i Javascript. Mam na myśli to, że jesteś w stanie zrobić to za pomocą statycznych stron www, ale dzisiaj po pierwsze nikt już tego tak nie robi, a po drugie to byłaby orka na ugorze i masochizm w czystej postaci.

Pan Zelent udostępnia świetne kursy wideo i myślę, że wiedza w nich przekazana, wystarczy ci do zrobienia takiego serwisu. Ale zaczynając od początku - weź do ręki kartkę i ołówek i rozpisz sobie wszystko i rozrysuj jak najlepiej. Stwórz model bazy danych, dodaj obsługę baz danych i powoli rozwijaj działanie, a później wygląd swojego serwisu. Powodzenia,