Razvoj web-stranica - Rasprava

https://developers.google.com/maps/

Pa rokaj.

Pozdrav, student sam IT-a i specijaliziram se u području malwarea, odnosno njegova uklanjanja, no faks je jako loš što se informatičkog dijela tiče, pa me zanima otkuda je najbolje krenuti da naučim web design.

Znam osnove HTML-a.

Registriraj se na Visual Studio Dev Essentials i dobit ćeš pola godine preplate na Pluralsight što je odlična stranica sa raznim video tečajevima za IT industriju, od web developmenta pa do sigurnosti i hakiranja. 

Akcija ti traje do 31.12. pa požuri :)

Na ovo sam mislio(zanemarite taj meni sa strane) - http://dev.prineside.com/en/gtasa_gangzone_editor/

Koliko ja vidim, to bi se moglo napraviti tako da prikažem fotografije mape(koju ću preuzeti s neta), istu prikažem u 100%x100% dimenziji i zumiram za X% i onda sve što treba je napraviti kretanje mišem, zoom in/out i postaviti početne koordinate odakle ću postavljati stavke koje su iz MySQL baze... Ako ima još netko neku ideju nek baci u post, dok nisam krenio s realizacijom(početnom, bez MySQL baze)

@ Skinio sam fotku u 6000x6000 px(oko 4 MBa je), pronjuškao sam po stranici koju sam dao gore i kužim kako stvar radi. Jedino ne znam kako da odredim početne koordinate.

Također, gledao sam ovaj tutorijal, ima sve što meni treba ali ne znam kako(zapravo ne znam dal se može) promijeniti da ne bude Googleova karta nego moja fotka. Tražio sam po netu ali nisam siguran dal se to može

Googlaj čovječe, ovdje spamas na forumu.

Ako sam te dobro uvatia, zelis napravit svoju "vlastitu" mapu (nesto slicno google maps).

Sad ono di te sigurno nisam uvatia je sta si napravia i sta zelis, al ok.

Uglavnom ono sto ja mislim da je prvo potrebno je napravit te kordinate na slici, a to napravi ovako.

Nakon toga napravi u kodu (ili napisi skiptu za dodavanje) te markere (if - kordinate == varmarkera - funkciju za popup ili sta vec trebas, mozes napraviti funkciju na onclick ili hover).

I da, vidim da trebas zoomiranje.

Eto ga, nigdi ajaxa a mapa radi, zar google nije predivan :D

I da, ovaj link za kordinate na stranici, ako radis nesto tipa onepage website pazi da ti se skripta odnosi na samo taj element.

Edit: Nisam neki pro web developer, ali koliko vidim ovo bi trebalo radit bez problema..

Zapravo, ide :P

Koristi z-index u CSS.

Sretno sa projektom.

Haha, uredu, evo ti par tipova jer ipak sam i sam stari igrac SAMPa :P

Prepostavljam da je rijec o RP serveru koji ima stabilnu dbazu, za svaki id koji ima veze sa ovim sta trebas (recimo firma ili kuca), uz to sto imas variablu poput  kupljeno, lokacija i vlasnik trebas definirat i ikonu (ili kako ti kazes, marker) za svaku vrijednost, tako npr. za kucu uplodas zelenu ikonu na imgur i dobijes link tipa www.i.imgur/hashslike i taj link uvrstis u vrijednost ikone u bazi, tako da svaki put kad na mapi izvlacis info od npr. kuce uz lokaciju izvuce ti i ikonu kuce u obliku linka pa uvrstis u marker tipa <img src=kuca1> gdje za kuca1 definiras link ikone i lokaciju u drugoj variabli (u width i height, no pogledaj red ispod, trebas napraviti convert iz SAMP lokacije na web lokaciju, obrnuto od ovoga ispod, pogledaj)

E sad lokacija, prvo izvuci velicinu zaslona korisnika, sirinu podijeli sa 2 i duljinu podjeli sa 2, tu tocku definiraj sa x0 y0, i pisi funkciju if ka ako ides prema gore x0 y0+1 i slicno, no pokusat cu ti nac nesto lakse pa editirat post. (Ili na 50% width i 50% height sikni nevidljivi div sirine pixel)

Jedan tip; makni scrollbar i rasiri sliku po cijelom ekranu, ili radije stavi sliku u centar i smanji je, al stavi background = ka i boja mora, pa da se moze scroll in i scroll out.

Jedno pitanje (:P); mozes napravit google maps edit, promini mapu i samo dodaj ikonice, to nije pederski vec likeaboos koristis googleov API

Sretno sa projektom, sikni IP u priv kad zavrsis da malo testiram server haha

Napravio sam izgled, no imam problema kad se rezolucija krene smanjivati. Sa širinom nemam problema ali imam problem s visinom na kojoj je ikonica. Jednostavno kad smanjujem rezoluciju, meni ikonica pada. Imam stvar u tome da prvo moram na početnu koordinatu dodati 133px kolika je udaljenost od vrha stranice po vrha mape. Kod sam ovako strpao

@ Imam bolju ideju, napravim fotku u i fotku definiram aree da mogu kliknuti na to. Nakon toga u skripti napravim da mi provjeri na koju je areu kliknio na fotki(to je valjda JS) i nakon toga odredim šta će mi prikazati u pop-up prozoru. Jednostavnije ne može :D

 <div class="_hsync_map">
  <div class="_hsync_map_container">
   <img src="_hsync_style\_hsync_images\_hsync_map.jpg" alt="hSync mapa servera" class="_hsync_map_img">

   
   <div class="_hsync_map_markers">
    <a data-toggle="modal" data-target="#_hsync_map_info_1" title="Klikni kako bi vidio informacije o mjestu.">
     <img src="_hsync_style\_hsync_images/_hsync_map_icons\_hsync_map_dollar.gif" style="position: absolute; top: 200px; left: 50%; z-index: 2;">
    </a>
   </div>
  </div>
 </div>

Zapravo ne, jer ona neću imati filtere koje sad imam. Problem je u tome što sam fotku mape skejlo na 2 i uključio sam overflow na scroll. Definirao sam poziciju markera ali kako skrolam mapu(ne cijelu stranicu, sam dio s mapom) tamo moj marker ostaje pri vrhu kontenjera u kojem je mapa.

Zapravo idem pederskim putem.... http://forum.sa-mp.com/showthread.php?t=592245

Zapravo ne, dal se ikako može fiksirati ti markeri na jednu poziciju? Pokušao sam s position fixed i position relevant i opet isto.

Hvala ti, nisam ni vidio da ima i ta mapa. Jedino što ne razumijem je kod toga nekog programčića kojeg dobiješ kad skineš mapu. Moraš još to skužit i onda ću ti javit :P

Hvala, imaš pivo od mene hehe

@ Sve sam pročitao al ne kužim zašto mi ne prikazuje mapu.

Napravio sam komade fotki al ne želi očitati, ne prikazuje mi uopće ni mapu ni markere niti sučelje.

Ovo su errori što sam dobio kad sam pronjuškao element

js?sensor=false:69 Uncaught TypeError: Cannot read property 'offsetWidth' of null
util.js:32 Google Maps API warning: SensorNotRequired: https://developers.google.com/maps/documentation/javascript/error-messages

@Ima on ikone, ona zelena kućica, takve meni ikone trebaju. Što ih GTA SA koristi

       var mapType = new SanMapType(0, 2, function (zoom, x, y) {
           return x == -1 && y == -1
     ? "tiles/map.outer.png"
     : "_hsync_style/_hsync_images/_hsync_map/_hsync_map." + zoom + "." + x + "." + y + ".png";//Where the tiles are located
       });
    
       var satType = new SanMapType(0, 3, function (zoom, x, y) {
           return x == -1 && y == -1
     ? null
     : "_hsync_style/_hsync_images/_hsync_map." + zoom + "." + x + "." + y + ".png";//Where the tiles are located
       });

Riješio sam se errora al opet mi ne prikazuje mapu.

Evo kod. http://pastebin.com/zYxzca2H

A kad index.html(to sam dobio kad sam skinio) ubacim u browser, radi, vidim sučelje ali mi ne prikazuje mapu. Pogledao sam i ima dosta errora i jedan warning a opet radi.

Također kad pogledaj svoj element, vidim da su dodatni divovi kao što su gm-style, znači dodao ih je ali se ne vide i svi su strpani u gornji lijevi kut diva

Popravio sam to, nego jel se ikako može napraviti da mi se otvori modalni dijalog koji ima Bootstrap umjesto onog što se otvara kod Google Mapa

Ovdje se to otvara, kad klikne. Trebam na Bootstrapu naći kako da otvorim...

 google.maps.event.addListener(_hSync_ikona_dolara, 'click', function() {
  _hsync_info_box_dolar.open(map,_hSync_ikona_dolara);
 });

Ako nekome bude trebalo, to se otvara ovako

 google.maps.event.addListener(_hSync_ikona_dolara, 'click', function() {
  $('#_hsync_map_info_1').modal('show')
 });

#_hsync_map_info_1 = ID modalnog dijaloga a 'show' je opcija. Više http://getbootstrap.com/javascript/#modals-usage

 Evo jedan primjer tebi i svima koji rade sa google mapama, kako izgasit interface;

 https://convertio.co/tmp/out/7bccf986b8c34028f295d22b3c17381f/out-2.gif