The WebGIS application is created with HTML, CSS and ASP codes. DIV element is stratified with Z- ... A simple code written with PHP. 3.2. Creating DIV Layers.
Available online at www.sciencedirect.com
ScienceDirect Procedia - Social and Behavioral Sciences 120 (2014) 308 – 317
/=:G9 %CI:GC6I>DC6A#:DJB #!+)!
C:L6EEGD68=IDA6N:GBD9:AH6IL:776H:9C;DGB6I>DCHNHI:BH 4:@:G>N6"6I>=YC:S !G96A @E[C6G (2$46/(061) 1&,$. 67',(5'7&$6,10 ($&+,0*4C;DGB6I>DCHNHI:BH=6K:8=6CG:8I>DCD;9>I6A8DBBJC>86I>DCL>I=K6G>DJH 8DBBJC>86I>DC EGDID8DAH 0CFJ:HI>DC67AN I=:H: C:L >CCDK6I>DCH >C >C;DGB6I>DC I:8=CDAD:H 6;;:8I #:D86A %C;DGB6I>DC .NHI:BH #%. /=JH #%. 96I676H:H JH:9 ID 7: H=6G:9 6C9 86GG>:9 L>I= 8DBE68I 9>H8H 7JI CDL L>I= I=: =:AE D; 9:H@IDE #%. #%.6EEA>86I>DCH86C7:H=6G:9BDG::6H>AN +CI=: DI=:G=6C9L:776H:9#%.2:7#%.6EEA>86I>DCH6G:67A:IDG:68=I=:>G 96I676H:H6IH:GK:GHL>I=9>;;:G:CI>CI:GC:IEGDID8DAH /=>H6AADLHBD7>A:JH:GHID688:HH:6H>AN6H6G:HJAIEDEJA6G>IND; 2:7#%. =6HG:8:CIAN>C8G:6H:9 2:7#%.6EEA>86I>DCH6G:67A: IDH=6G:96I6G:FJ:HI:97NBD7>A:JH:GHK>6$NE:G/:MI/G6CH;:G,GDID8DA=IIEL>I=I=:=:AED;>IH 9NC6B>8 8DCI:CI /=>H =6H 86JH:9 I=: C::9 ;DG 6 9>;;:G:CI A6N:G BD9:A 6C9 6 LDG@ I=6I H=DLH 8DBE>A6I>DC 9:H HIJ9N :MEA6>CH =DL %1 A6N:GH 6G: 8DCHIGJ8I:9 L>I= $NE:G /:MI )6G@JE (6CI= .INA: H=::I .. 8D9:H %CI=>HHIJ9N>I>H:MEA6>C:9=DL8G:6I:9A6N:GL>AA7:H=DLCDCI=:EA68:I=6IL:L6CID;I=:M NA:K:A 6AHDI=:8D9:HI=6I 6G:JH:9IDEG:H:CIL>I=9NC6B>88DCI:CIL>I= 8I>K:.:GK:G,6BEA: 6EEA>86I>DC >H CDI DCAN >BEDGI6CI ;DG 6KD>9>CCIGD9J8I>DC D; %1 A6N:G BD9:A I=6I >H IG>:9 >C 2:7#%. 6EEA>86I>DCH ;DG I=: ;>GHI I>B: /=:G:;DG: I=:D7I6>C:9G:HJAIHL>AA7:=:AE;JAIDG:H:6G8=:GH R /=: JI=DGH ,J7A>H=:97N!AH:K>:G(I9 © 2013 The Authors. Published by Elsevier Ltd. Open access under CC BY-NC-ND license. .:A:8I>DC6C9E::G G:K>:LJC9:GG:HEDCH>7>A>IND;-:8:E!;: )JC>G+OIJG@6C9%7G6=>B I6A6N Selection and peer-review under responsibility of the Organizing Committee of GEOMED2013. (;914'5 %1(6N:G NC6B>8 DCI:CI 2:7 6H:9#:D86A%C;DGB6I>DC.NHI:BH 2:7,GDC<
DGG:HEDC9>C=>C:8 :GO>C86C :9J IG
1877-0428 © 2013 The Authors. Published by Elsevier Ltd. Open access under CC BY-NC-ND license.
Selection and peer-review under responsibility of the Organizing Committee of GEOMED2013. doi:10.1016/j.sbspro.2014.02.108
Zekeriya Fatih İneç and Erdal Akpınar / Procedia - Social and Behavioral Sciences 120 (2014) 308 – 317
" #" 2=:C#%.6EE:6G:9>CI=:;>GHIN:6GH >IL6H86AA:9 $/$26+$6,69$556$4('52$6,$.$0'*(1*4$2+,&,0)14/$6,10 /D96N >I>H9:H8G>7:96H &1/276(4,HCD9DJ7II=6I#%.]HIJGC>CCID6IDDA HIDG>CCDC =6H 7:8DB: :;;:8I>K: >C I=>H EGD8:HH !. #%. >H JH:9 ;DG B6I8=>C< 6C6ANO>CCC86A B6EE>C< >I7:8DB:H6C>BEDGI6CIIDDAI=6I>I>HJH:9;DG9:8>H>DCEGD8:HH:H>C9>;;:G:CI6G:6H)D=6BB69
%C I=>H9:K:ADEB:CIEGD8:HH I=:G:6G:>BEDGI6CI8DCIG>7JI>DCH D; DBEJI:G >9:9 :H>I:>B6HHNHI:BH/:8>B6C9'[C86A
%C8G:6H>C6A >C;DGB6I>DC 6C9 I=: 6CI #%. B6G@:I CC E6G6AA:A ID I=: 69K6C8:H D; >C;DGB6I>DC I:8=CDAD:H 9>G:8I >IH JH:GH ID JH: 9NC6B>8 B6EH L=>8= 6AADL I=:B ID LDG@ L>I= 96I676H: 9D FJ:HI>DC>CH /=>H 7G>C86I>DCH L=>8= EGDK>9: 6C DEEDGIJC>IN ID B6CN JH:GHL=>8=9:H>G:9EA68: G6H6C93[A9[O %I>H8:GI6>CI=6I>CI:GC:I=6HEA6N:96C >BEDGI6CIGDA:>CIJGC>C< #%.>CIDHJ8=69>;;:G:CI6EEA>6C8:>C6H=DGIE:G>D9D;I>B:YC:S6C9 @E[C6G " " %CI=>HLDG@ >I>H:BE=6H>O:9I=6I69>;;:G:CIA6N:GBD9:AD;;:GH>C2:7#%.6C9>I>H:MEA6>C:9I=6I=DL9NC6B>8 8DCI:CI>H699:9ID8G:6I:9A6N:GH "DGJH>CC2:7#%.6EEA>86I>DCH 6;I:G %1A6N:GH6G:8G:6I:9L>I=$NE:G/:MI )6G@JE(6CH:MEA6>C:9HIG6I>;N>CI= 6H869:.INA:.=::I ..8D9:H /=: 2:7#%. 6EEA>86I>DC >H 8G:6I:9 L>I= $/)( .. 6C9 ., 8D9:H %1 :A:B:CI >H HIG6I>;>:9 L>I= #0'(: :A:B:CI6C9I=:H:A6N:GH6G:9>HEA6N:969:H>G:9ED>CIHDCM N8DDG9>C6I:EA6C: /=:8G:6I:9 %1A6N:GH6G:H=DL:9 8D9>CI= .. >C I=: L:7 E68= A6N:G /=: 9NC6B>8 8DCI:CI >H HJEEA>:9 L>I= ., L:7 EGDC<
">< $/)(A67:AH=DL>CIA:D;L:7E6A9>C< /D 8G:6I: 6 G:6A 6EE:6G6C8: I=: 9NC6B>88DCI:CI6C996I676H:8DCC:8I>DC>I>HC:8:HH6GNID8G:6I:I=:;JC8I>DCHL>I=I=:A6C86I>DCHA>@: 16(2$' 6C96AHD I=:G:6G:HDB:EGDCHI>8HIDG:BDK:8DBEA:M>IND;I=:H:8DBEA:M6EEA>86I>DCHG:HDJG8:8D9:H "(% $64,: '1%( 4($/9($8(4 '1%( 75( 22.( ,"(% 1))(72 ,&4151)6 :24(55,10 "(% ,&4151)6 +$4( 1,06 (5,*0(4 ,&4151)6 !,57$. 67',1,&4151)6 !,57$. "(% (8(.12(4 :24(55 $0' ,&4151)6 7%.,5+(4 6G:I=:H:@>C9HD;EGD<
">< H>BEA:8D9:LG>II:CL>I=,$,
4($6,0*!$;(45 ;I:G LG>I>CBEA:$/)(A67:AHDCI=: L:7E6HC::9:9ID8G:6I: %1 :A:B:CI6H %1:A:B:CI>H6$/)(A67:A +C:86C8G:6I:$/)(6C9 %1A67:AA>@:I=>H
">< G:6I>CFJ: HI6C96G9 8DDG9>C6I: HNHI:B DC M N EA6C: /=:C I=: >B6CIDG H>B>A6G HNHI:B >H K6A>9 ;DG L:7 E6H 8DCI:MI ID 9:I:GB>C:L:7E6CL=:G:D;2:7#%.6EEA>86I>DC DC:H=DJA9JH: ..A6C@:I=6I
">< :I:GB>C>CDC>C2:7#%.6EEA>86I>DCH I=6I>H8G:6I:9L>I= %1A67:A
9:;>C>I>DC I=6I >H C6B:9 ^! _ >H B69: 7:IL::C I=: A67:AH L=>8= HI6GIH L>I= 56;.( 6;2(B6(:6&55B $0'
Zekeriya Fatih İneç and Erdal Akpınar / Procedia - Social and Behavioral Sciences 120 (2014) 308 – 317
;>C>H=:H 56;.( >CI=:8D9:H67DK: :I:GB>C>CI>HHA>9;GDB I=:7:CC>CI>DCD;^A:;I_6C9^IDE_I=6I8DB:H 6;I:GI=>H:MEA6C6I>DC=6HK6AJ:>CE>M:A %C9::9 I=>HLDGI=>H6@>C9D;A>IIA:7DM:HDCDJGH8G::C )JAI>EA>86I>DCD;E>M:AH I=6I:MEA6>C:9;GDB67DK:ID7:ADL6C9 ;GDBA:;IIDG>CH9:;>C>I>DCD;H8G::C6C99:;>C>I>DCD;8H86G96C9BDC>IDG %I>HEDHH>7A:ID:K6AJ6I: E>M:AJC>IH:MEA6>C:9;GDB67DK:ID7:ADL6C9;GDBA:;IIDG>HG:;A:8I:9DC8DBEJI:GH8G::C .DL=:CD7?:8IH]EDH>I>DCH6G:9:I:GB>C:9>C ..8D9:H L>I=E>M:AK6AJ:H;GDB67DK:ID7:ADL I=:E>M:A K6AJ:H ;GDBA:;IIDG><
">< %1:A:B:CII=6I>IHEDH>I>DC>H8=6CI
%C699>I>DCIDEDH>I>DC>CC6G:6HI=6I>H9DC:L>I= %1:A:B:CI >I86C7:699:9A6N:G8=6G68I:G>HI>8ID I=:H: :A:B:CIH L>I= .. /=>H A6N:G BD9:A 86C 7: JH:9 ID E:G;DGB >C 2:7#%. YC:S /D 699 A6N:G 8=6G68I:G>HI>8 >CID ;DGBH L>I= %1 :A:B:CI >I BJHI 7: 9DC: HDB: H>BEA: 8D9:H L>I= .. /=>H 8D9: >H #0'(: :A:B:CID; .."><
311
312
Zekeriya Fatih İneç and Erdal Akpınar / Procedia - Social and Behavioral Sciences 120 (2014) 308 – 317
">< (6N:GHL=>8=86C7:;DGB:9L>I=4 %C9:M8DBB6C9
2>I= #0'(: :A:B:CI 6C JCA>B>I:9 CJB7:G D; %1 :A:B:CIH 86C 7: EA68:9 DK:G 6C9DK:G AHD L>I= 215,6,10 :A:B:CI %1:A:B:CIHL=>8=I=:>GEDH>I>DCH6G:9:;>C:986C7:9>HEA6N:9>CI=:9:H>G:9EA68:"><
">< /JGC>CCIDA6N:GL=>8=>IH4 %C9:MK6AJ:>H
/=:H:8D9:H6G:C::9:9ID9:;>C: %1A6N:GH;DGB:9L>I= #0'(: I=6I6G:>CL=>8=A:K:A HINA:INE:I:MI 8HH %1P EDH>I>DC67HDAJI: A:;IEM IDEEM O >C9:M Q %1P EDH>I>DC67HDAJI: A:;IEM IDEEM O >C9:M Q HINA: =:69
Zekeriya Fatih İneç and Erdal Akpınar / Procedia - Social and Behavioral Sciences 120 (2014) 308 – 317
7D9N 9>K8A6HH %1>BK 9>K8A6HH %1>BK 7D9N
">< %B6H9:;>C:96H A B 2=:CDC: GJCHI=:H:8D9:H>CI=:7GDLH:GH I=:B6EH=DL>CC86C8>IN7DG9:GH7:8DB:H67DIIDBA6N:G6C9I=: %1A6N:G >C L=>8= >I G:FJ>G:H CC86C]H EDA>I>86A 9>K>H>DCH >H H=DLC 6H JEE:G A6N:G #G6E=>8H 7:>CC 9>;;:G:CIH>O:H B6@:H 9>;;:G:CIH:8DC9 %1A6N:G %1]H A:;I6C967DK:9>HI6C8:K6AJ: ;GDB %1>CE>M:A /=: G:6HDCD;I=>H>HI=:H:8DC9CGHIBEDGI6CIED>CI>HI=6IIG6CHE6G:C8N8DADGD;8=L>AA7:H=DL:9>CA6N:G )6CNCJB:G>86A>B6CHE6>96II:CI>DCI=6II=:8:MI:CH>DCH>CI=:A6N:GHBJHI7:,DGI67A:*:ILDG@#G6E=>8H ECH62>C9DLHH:GK:G 76H:9L:7EGDCHIG>7JI:9IDI=:HD;IL6G:B6G@:I7NI=: )>8GDHD;I DBE6CN .,8DCI6>CH9>;;:G:CID7?:8IH>C>I6C99:K:ADEH6EEA>86I>DCHL=>8=86C7GD6986HIDC>CI:GC:I :H>9:H HDB:2:7#%.6EEA>86I>DCH86C7:LG>II:CL>I=>I /D8G:6I:69NC6B>8 8DCI:CI >I>HG:FJ>G:9IDG:EDGII=: ;DGB>CI=:;>GHIE6CCHEGD8:HH 9:E:C9HDCLG>I>CI= ., /JGC>CCIDI=:9NC6B>8A6N:GH>HEDHH>7A:L>I=699>CDJH$/)(8D9:H /=:H:8D9:H6G:>CI=:H:;DGBH =:69 B:I6=IIE :FJ>K DCI:CI /NE:8DCI:CII:MI =IBA8=6GH:IJI; I>IA: :C:B: I>IA: =:69 7D9N ;DGB>9;DGBC6B:;DGBB:I=D9EDHI68I>DC>C9:M 6HE E >CEJIINE:8=:8@7DMC6B:@6IB6C>9@6IB6CK6AJ: !GO>C86CYA.[C[GA6G[7G >CEJIINE:8=:8@7DMC6B:'6IB6C>9@6IB6CK6AJ: !GO>C86CY96G>.[C[GA6G[7G 7G >CEJIINE:HJ7B>IC6B:/6B6B>9/6B6BK6AJ:YHI:9>W>B'6IB6CA6G[#UHI:G E ;DGB 7D9N =IBA
">< ,G:H:CI6I>DCD;8G:6I:98D9:H>CI=:7GDLH:G
EE:6G6C8:D;LG>II:C8D9:H>CI=:7GDLH:G>HEG:H:CI:97:ADL">< 3:AADL8D9:H L=>8=JH:GHL6CIIDH::96I6 7:ADC8>:CI A B JC>I;GDB A$6/$0 B 6G@G:K6AJ:L:6I=:GH:8DC9A6N:GL>AA7:9>HEA6N:9DGCDI /=>HK6AJ:>HLG>II:C>C 8$.7( A67:A (>HI=:7JIIDC]H8D9:L=>8=H:C9H96I6>CI=:;DGBID ,0'(: $52 E6CI7JIIDC I=:96I6>CI=:;DGB>HH:CIID ,0'(: $52 ;>A: 0'(: $52 ;>A:]H8D9:H6G:LG>II:C>CI=>H;DGB =IBA =:69 I>IA: :C:B: I>IA: >B@6IB6C >B@6IB6C @6IB6C-:FJ:HI "DGB@6IB6C @6IB6C-:FJ:HI "DGB@6IB6C HINA:INE:I:MI 8HH %1P EDH>I>DC67HDAJI: A:;IEM IDEEM O >C9:M@6IB6C Q %1P EDH>I>DC67HDAJI: A:;IEM IDEEM O >C9:M@6IB6C Q HINA: =:69 7D9N 9>K8A6HH %1>BK 9>K8A6HH %1>BK 7D9N =IBA %CI=:8D9:H67DK: .,8D9:HI6@: #0'(: K6AJ:L=>8=8DB:H;GDB ,0'(:$52 E6CC< K6AJ: I=:N6G:9>HEA6N:99:H>G:9A6N:GDGA6N:GH (>C:97NG:H:6G8=:G6C9I=:96I6 H:CI ID ,0'(: $52 E6I= .,]H 4(37(56 D7?:8I /=: 8D9:H 9:I:GB>C:9 L>I= 96G@ I= =DA9>C< 4(37(56 D7?:8I6C9DE:G6I:I=:B6H #0'(: K6AJ:">< +("(% 4($6('9,6+!$;(4 /=:2:7#%.6EEA>86I>DCEG:E6G:97NI=:G:H:6G8=:GH=6H7::CI:HI:9DC%..K 6C9 67N.:GK:GK I=:G: =6HCDI7::CD7H:GK:96CNEGD7A:B7DI=>CI=:HD;IL6G:6C9I=:=6G9L6G:K>:L %C699>I>DC >I=6H7::CIG>:9L>I= BDK>CCCID6CI:GC:I I=:G:>H68DBBDCJH6CAN ID 8:AA E=DC:H ;GDB =DB:H /=>H H>IJ6I>DC EG:E6G:H 6 EA68: ID 8G:6I: 6 K6HI ;>C6C8>6A B6G@:I /=: EGD9J8IHD;B6CN:HL=>8=EG:H:CIC:LEGD9J8IHIDI=:B6G@:I7N6>B>C:86C7:HDB:I>B:H>CHJ;;>8>:CI>CHE>I:D;I=:>GB6CNHJE:G>DG8=6G68I:G>HI>8H /=:G:>H6C::9IDI=:LDG@HD; G:H:6G8=:GH 6I I=: ED>CI D; HDAK>CC 9:;>8>:C8>:H 6C9 EGD7A:BH L=>8= 6EE:6G %I 86C 7: H6>9 I=6I I=:G: 6G: HDB:69K6C8:H L=>8=;68>A>I6I:I=: LDG@HD;G:H:6G8=:GH6C98DBE6C>:HI=6I LDG@DCI=>H;>:A9 L>I=I=>H2:7#%. 6EEA>86I>DC;DGB:97NI=:G:H:6G8=:GH /=>H8G:6I:9BD9:A=6H7::CIG>:97:;DG: %I=6H7::CD7H:GK:9I=6I>I86C7:699:9B6CNA6N:GH6C9>I=6HLDG@:9 :K:CL>I=96I676H: AHD:K:C>I86C7:IJGC:9>CIDI=:6EEA>86I>DCHL=>8=6G:LG>II:CL>I=I=:BDHI8DBEA:M8D9:H /=: HJI= ,)4$/( :A:B:CI ADH>CB: >C 9NC6B>8 HIGJ8IJG: 86C 7: G:9J8:9 AHD L>I= #0'(: :A:B:CI B6CN %1 :A:B:CI 86C 7: HIG6I>;>:9 L>I= 8DBEA:M &. :C8D9>CCC;>88=6G68I:G>HI>8H86C7:699:9I=:H:A6N:GH %1A67:A6C9 #0'(: A67:A6G:HI6C96G9:A:B:CIH6C9>;I=:N6G:JH:9L>I=IDI86C7:H::CIDHIG6I>;N>CK>A6C9B>A>I6GN6EEA>86I>DCH>C:B:GI6 :GH> !. !JGDE:6C.E68: C:K:9 EG>A ;GDB =IIE LLL I>CI /G6>C>CDCHNHI:B6EEA>86I>DC.:NN6= !GO>C86C0C>K:GH>IN "68JAIND;!9J86I>DC &DJGC6A )D=6BB69 -
EEA>86I>DCHD;C;DGB6I>DCHNHI:BH>CJC9:GHI6C9>C6A9>HIG>7JI>DCD;6HI=B6 %C;DGB>C:C8: &DJGC6A /:8>B 1 '[C86A
#:D86A>C;DGB6I>DCHNHI:B C:;;:8I>K:>C;DGB6I>DCI:8=CDADCG:DC6AEA6CC>C< ,6E:GEG:H:CI:96II=: G9#%. 6NH>C/JG@:N +8ID7:G %HI6C7JA /JG@:N
317
