Daha çox

Məlumat pəncərəsindəki dinamik məzmun


Məlumat pəncərəmə bir az dinamik məzmun əlavə etməyə çalışıram. Aşağıdakı kod 'bar' simvolunu elementə yazır. Lakin bu, Firefox-da bəzi məqamların məlumat pəncərəsi üçün işləyir, digərləri üçün deyil (məzmun dəyişkəndir, lakin açılan pərdədə göstərilmir). Heç Chrome-da işləmir. Bunu necə etmək barədə hər hansı bir təklifiniz varmı? Düzəliş: Təəccüblü bir şəkildə xəbərdarlıq () popupu infoWindow-dan əvvəl açılırsa işləyir.

Sonra, js kodunuz:

function infowindow_content () {// Dinamik məzmununuzu buraya gətirmək üçün bir şey edin // var dyncontent =… var html = "burada


Nə olduğunu tapmaq üçün elementi yoxlayınsinifvə yaidinfoWindow'un. Sonra, sadəcə, infoWindow-da istədiyinizi dəyişdirmək üçün jQuery-dən istifadə edə bilərsiniz.

Misal üçün:

$ ('. infowindow'). əlavə et ('Salam dünya')

Bu, istifadəçi Nöqtəni vurduqdan sonra AJAX vasitəsi ilə bir nöqtə haqqında məlumatların alındığı layihəmdə istifadə etdiyim metoddur.


ESRI ilə GIS Proqramlaşdırma

Coğrafi İnformasiya Sistemi (CİS) proqramlaşdırma xəritələrin istifadəsi və hazırlanması üçün proqram təminatıdır. CİS proqramını təmin edən texnologiyalar Yerleşim Verilənlər Bazası (GDB) və xəritə serveridir. GDB-lər həndəsi / məkan sorğuları etmək qabiliyyətinə malik SQL əlaqəli DB-lərdir, məsələn müəyyən bir ərazidə bütün GDB girişlərini seçmək. GDB-lər bu məkan sorğularını səmərəli şəkildə düzəldə bilər, məsələn log-line vaxt.

Açıq mənbəli CİS texnologiyaları mövcud olsa da, sahə yeni və genişlənir və ticarət proqram şirkətləri üstünlük təşkil edir. Esri, xüsusən dövlət və tədqiqatçı alimlər arasında lider GIS şirkətlərindən biridir. Esri, veb əsaslı CBS tətbiqlərinin inkişafı üçün platforma olan ArcGIS JavaScript (JS) daxil olmaqla bir sıra texnologiya təklif edir. Hal hazırda Esri ArcGIS JS versiya 3-dən versiyaya 4 keçid edir. ArcGIS JS versiya 3 2 ölçülü xəritə ilə işləmək üçün bütün imkanları təklif edir. ArcGIS JS 4-cü versiya 3-cü versiyanı 3 ölçülü xəritələrlə işləmək üçün genişləndirir, lakin 3-cü versiyada mövcud olan bütün widgetları təklif etmir. Bu təlimatda ArcGIS JS 3-cü versiya istifadə ediləcək, çünki API 2 ölçülü xəritələr üçün daha doludur və daha çox resurs var veb. ArcGIS JS v3 üçün əsas qaynaq Esri inkişaf veb saytıdır:

Bu mühazirə KeTT veb saytından çıxarılan bir çox dərslik və nümunə kodundan ibarətdir. Əvvəlcə təlimlərdə əsas ArcJS öyrənəcəksiniz. Dərsliklər bir xəritəni veb səhifəyə proqramlı bir şəkildə necə yükləyəcəyini, xüsusiyyətləri çəkərək xəritə ilə qarşılıqlı əlaqəni, GDB-də saxlanılan xüsusiyyət atributlarını verəcəyini və GDB-də necə axtarış aparacağını nümayiş etdirəcəkdir. Bu müddətdə məkan sorğularını necə hazırlayacağınızı, sorğularınızı xəritədə necə göstərəcəyinizi və veb səhifəni & # 8217s Document Object Model (DOM) ilə idarə etməyi öyrənəcəksiniz.

İkincisi, kod nümunələrindən istifadə edərək mövcud KeTT veb saytını öyrənirsiniz. Kod nümunələri xəritə yüklənməsini, yalnız hekayələrdə axtarış aparacağını və nəhayət hekayələri, yerləri və insanları axtaracağını nümayiş etdirəcəkdir.


Coğrafi İnformasiya Sistemləri (CİS): CİS xidmətləri haqqında

Coğrafi İnformasiya Sistemləri (CİS) istifadəçilərə məkan məlumatlarını dinamik, rəqəmsal bir mühitdə vizuallaşdırmağa və təhlil etməyə imkan verir. Elmi və mədəni məlumatlar, peyk şəkilləri və hava fotoqrafiyası kimi müxtəlif məlumat növlərinin birləşdirilməsi, sorğu-sual edilməsi və təhlili üçün vasitələr və fərdlər tərəfindən toplanan məlumatlar təmin edir.

MIT GIS xidmətləri

  • CİS layihələrini planlaşdırmaq
  • proqramı öyrənin və istifadə edin
  • CİS məlumatlarını tapmaq
  • python ilə CİS iş axınlarını avtomatlaşdırmaq
  • tələbələrinizə, həmkarlarınıza və ya laboratoriyanıza CİS konsepsiyalarını öyrətmək

Missiya

Məqsədimiz, MİT cəmiyyətini CİS ilə əlaqəli tədqiqat və akademik fəaliyyətlərinə dəstək verməkdir. Bu dəstək yalnız ədəbiyyat, məlumat, proqram təminatı və avadanlıqların toplanmasını deyil, həm də CİS-lərin istifadəsinə dair təlim və yardımı da əhatə edir. Fərdi fənlər üzrə CBS əsaslı laboratoriyaları tətbiq etmək və onlara kömək etmək üçün fakültə ilə işləmək mümkündür.

İstifadəçilər layihələrindən cavabdehdirlər. MIT GIS Services insanlar üçün CİS layihələri həyata keçirmir və MIT CİS sertifikatı və ya dərəcə proqramı təklif etmir.


Kod

Veb səhifəni buradan və ya resources / gis-program / maps_layers.html saytından görə bilərsiniz. Mənbəni & # 8220view səhifə mənbəyi & # 8221-dən kopyalayın və yerli maşınınızda saxlayın. Localhost istifadə edərək brauzerinizə yükləyə bilərsiniz. Bundan əlavə, IntelliJ Static Web layihəsi hazırlaya və html və skripti düzəltmək üçün IDEA-dan istifadə edə bilərsiniz. IntelliJ kodu birdən çox brauzerdə yoxlamağı çox asanlaşdırır. Bir pəncərəni redaktə edərkən kursoru yuxarı sağ küncə yaxınlaşdırdığınız zaman bir sıra brauzer nişanı görünür. Veb səhifəni seçdiyiniz brauzerə yükləmək üçün massivdəki brauzer işarəsini vurun.

Xəritə yaradılması

Bir xəritə yaratmağı nümayiş etdirmək üçün bir Esri JS kod nümunəsi də dojo AMD'nin sintaksis tələb etdiyini izah edir.

Xəritə qurucusu ilə xəritə yaradılır.

Xəritə konstruktorunun ilk arqumenti xəritəni yükləmək üçün etiketin kimliyini təyin edən bir sətirdir. Seçimlər əsas dəyər cütlərinə sahib bir obyektdir. Mövcud bütün seçimlər üçün Map API-yə baxın:

Bu kod əsas xəritə, mərkəz, zoom və logo seçimlərindən istifadə edir. Bazemap əvvəl yüklənəcək bir baza xəritəsini təyin edir. Mərkəz xəritəni mərkəzləşdirmək üçün uzunluq və enlik koordinatlarını, zoom isə zoom səviyyəsini təyin edir. Bu səviyyələr baza xəritəsi ilə təyin olunur. Sonda & # 8220logo: false & # 8221 xəritənin & # 8220Esri & # 8221 logosu olmadan yüklənməsini təyin edir. Varsayılan olaraq doğrudur.

Tədbirlər və JS

JS asenkrondur və hadisə idarə edir. Ümumiyyətlə, JS kodu tək bir mövzuda işləyir. Bəzi əməliyyatlar vaxt tələb edir, məsələn veb səhifəyə yükləmək üçün bir şəkil tələb etmək və ya istifadəçinin veb səhifəsi ilə qarşılıqlı əlaqəsini gözləmək, beləliklə Java hadisə hazırlayaraq hadisə dinləyicisini əlavə etməklə bu işi ayırır. Tapşırıq tamamlandıqda hadisə işləyicisi növbəyə qoyulur. JS, skript bitdikdə hadisə növbəsini yoxlayır və hadisə işləyicisini çağırır.

Hadisələri idarə etmək üçün iki əsas sintaksis var. Bir yolu tapşırığı tələb edən funksiyanın arqumentlərində tapşırığa geri çağırma funksiyası verməkdir. Geri çağırma funksiyası tapşırıq bitdikdən sonra çağırılır. Bu texnikadan istifadə edərək hadisənin atəş edilməsi və dinlənməsi JS mühərrikləri tərəfindən arxa planda idarə olunur. Digər populyar texnika hadisələr yaratmaq və hadisələrin atışını dinləmək üçün funksiyaları müəyyənləşdirməkdir. Kod hadisələri atəşə verir və hadisəni idarə edən paket hadisəni dinləyən funksiyaları işlədir. Dojoda hadisələrə ad verilir və Dojo hadisə dinləyicisini təyin etmək üçün & # 8220on & # 8221 funksiyasından istifadə edir. & # 8220on & # 8221 funksiyasındakı geri çağırma funksiyası ümumiyyətlə anormal bir funksiyadır. Misal üçün

Bu vəziyyətdə, skript hadisəni konsola yazdırır.

Xəritədə oynayın və ssenarini dəyişdirməyə çalışın. JS konsol çıxışına baxdığınızdan əmin olun. Əlavə kredit üçün tarixi xəritələrin başlıqlı bir xəritə xidmət qatına çevrilməsinə və baza xəritələri ilə işlənməsinə çalışın. Əsas xəritələr daha çox miqyaslı, sonra tarixi xəritələrə sahib olan təbəqələrdir. Yükləndikdən sonra baza xəritələrinin minimum və maksimum miqyasını təyin etməyə cəhd edə bilərsiniz.


Xüsusiyyət qatı, xəritənin GDB ilə qarşılıqlı əlaqəsi üçün əsas vasitədir.

Xüsusiyyət Serverinin URL vasitəsilə GDB-də bir cədvəllə əlaqələndirilir. Kartoqraf qrafika çəkərək xəritələr hazırladığı üçün bir xüsusiyyət təbəqəsi qrafik qatından miras alır.

Beləliklə bir xüsusiyyət təbəqəsi eyni zamanda bir qrafik təbəqəsidir. Nöqtələr, çox xətlər və çoxbucaqlar qrafik qatına əlavə edilmiş qrafik obyektlərdir.

Bir qrafik həndəsə, simvol, atributlar və infoTemplate ola bilər. Həndəsə qrafikin formasını və yerini müəyyənləşdirir. Rəmz qrafiki qrafik qatında necə göstərəcəyini göstərir. Xüsusiyyət təbəqəsindəki qrafika üçün atributlar xüsusiyyət qatının GDB cədvəlindəki girişi təmsil edir. Atribut cədvəl sahəsi adlarını sahələr üçün dəyərlərlə əlaqələndirən açar dəyərli bir obyektdir.

Münasibətlərin diaqramı

FeatureLayer, onun qrafika və qrafika & # 8217 Həndəsələr və Xüsusiyyətlər bir CBS və GDB ilə işləmək üçün əsas komponentlərdir. FeatureLayers-in Qrafika əvəzinə Xüsusiyyətlər və Həndəsə ilə Xüsusiyyətləri olsaydı, terminologiyanın bir az daha az qarışıq olacağını düşünürəm. Özümə davamlı olaraq "Qrafika Xüsusiyyətlərdir" və # 8221 olduğunu xatırladıram. Esri API-nin bir xüsusiyyəti yoxdur, buna görə də özümə & # 8220Feature'lerin Graphics olduğunu & # 8221. ArcGIS JS v4 bu qarışıq terminologiyanı düzəltmədi.

Qrafik Həndəsəsi beş müxtəlif növdən biri ola bilər

  • Point & # 8211 x və y xəritə koordinatlarına malikdir
  • Multipoint & # 8211 bal toplusudur
  • Polyline & # 8211-də nöqtələr və nöqtələr arasındakı seqmentlər var
  • Poligon & # 8211-də bir ərazini əhatə edən Polylines var
  • Genişlik & # 8211 düzbucaqlı bir sahədir

Nöqtə, çox xətt və çoxbucaqlı təməl həndəsi anlayışlardır. Çox nöqtə lazımdır, çünki tək bir xüsusiyyət birdən çox nöqtənin təyin olunmasını tələb edə bilər, lakin əyri və ya sahə deyil. The
Genişlik xüsusidir və daxil edilmişdir, çünki düzbucaqlı ərazi coğrafi məkan sorğularında çox nöqtəli, çox xəttli və çoxbucaqlı olduqda tez-tez istifadə olunur.

Xüsusiyyət təbəqəsi bu həndəsi tiplərdən yalnız birinə sahib ola bilər, yəni təbəqədəki bütün qrafika / xüsusiyyətlər eyni həndəsə tipində olmalıdır. Beləliklə, nöqtələr, döngələr və sahələr olan bir xəritə qurursanız, biri Points, biri Polylines və Poligonları üçün üç xüsusiyyət qatına ehtiyacınız olacaq.

Bir xüsusiyyət / qrafik üçün atributlar GDB cədvəlindəki bir girişi təmsil etdikdə, bütün xüsusiyyətlər / qrafiklər atributların sıfır dəyərlərə sahib olmasına baxmayaraq eyni xüsusiyyətlərə malikdir. Məsələn, bütün xüsusiyyətlərin nöqtələr olduğunu, ancaq yol boyunca yanğın kranlarının və işarələrin yerləşməsi kimi fərqli nöqtələri təmsil etdiyini düşünək. Bu əlamətlər mətn və hidrant kimi xüsusiyyətlərə sahib ola bilsə də, bu xüsusiyyətlər tək bir xüsusiyyət qatında ola bilər. Xüsusiyyət təbəqəsi üçün quraşdırılmış bütün atribut həm mətn, həm də tutumu ehtiva edir. Bunu etmək istəməyəcəksiniz, ancaq edə bilərsiniz.

Xüsusiyyət təbəqəsi üçün istifadə edən bir zehni model, bir həndəsi tipin bütün xüsusiyyətləri / qrafika üçün xüsusiyyətlər cədvəli olmasıdır. Cədvəldə ümumiyyətlə qrafik xəritə qatına sahib olan xüsusiyyətlərin həndəsi təsvirləri də var.

Bu təlimatda professor Don Lafreniere tərəfindən hazırlanmış bir ArcGIS xüsusiyyət serverindən istifadə olunur.

Brauzerinizi yuxarıdakı URL-yə yönəldin və server üçün spesifikasiyanı görəcəksiniz. Bu server yalnız bir təbəqəni ayırır, buna görə də & # 8220Bütün Layers and Cables & # 8221 və ya & # 8220Roberttest (0) & # 8221 düymələrinə basaraq eyni məlumatlara sahib səhifələrə yol açacaqsınız. Maraqlı məlumatlar:

  • & # 8220Geomtery Type: esriGemoteryPoint & # 8221 deyərək təbəqənin xal üçün olduğunu söylədi
  • & # 8220Çəkiliş Məlumatı: & # 8221, qrafik üçün standart simvoldur
  • & # 8220Hər əlavə var: true & # 8221, xüsusiyyətlərin əlavə ola biləcəyini söyləyir, bu barədə növbəti təlimdə daha çox
  • & # 8220Object ID Field: OBJECTID & # 8221, cədvəl üçün avtomatik artan unikal id sahəsi
  • & # 8220Fields & # 8221, bu cədvəl üçün sahələrin / atributların siyahısıdır. İlk söz sahənin adıdır.

Onlar kifayət qədər özbaşına və növlərini təklif edirlər.

Kodu nəzərdən keçirməyə hazırıq.


Bağlı məlumatların Coğrafi İnformasiya Sistemləri ilə dərindən inteqrasiyası

Gengchen Mai, STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, CA 93106, ABŞ.

STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, California

STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, California

Universiteit Utrecht, Utrecht, Hollandiya, İnsan Coğrafiyası və Mekansal Planlama şöbəsi

STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, California

Gengchen Mai, STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, CA 93106, ABŞ.

STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, California

STKO Laboratoriyası, Coğrafiya Bölümü, Kaliforniya Universiteti Santa Barbara, Santa Barbara, California

Universiteit Utrecht, Utrecht, Hollandiya, İnsan Coğrafiyası və Mekansal Planlama şöbəsi

Mücərrəd

Biliklərin tez-tez bir-biri ilə sıx əlaqəli bir qrafiq meydana gətirməsi, qrafik məlumat bazalarının, Veb miqyaslı bilik qrafiklərinin və onlar üçün sorğu dillərinin, yeni vizuallaşdırma və sorğu paradiqmalarının, habelə qrafiklərə uyğun olaraq yeni məlumatlar öyrənmə metodlarının inkişafına təkan verdi. Belə nümunələrdən biri, həyat bilimi və coğrafiya da daxil olmaqla çoxsaylı sahələr haqqında milyardlarla açıqlama ehtiva edən sıx əlaqəli və qlobal Bağlı Məlumat bulududur. Bağlı məlumatlar axtarış motorları və sual cavab sistemləri kimi gündəlik tətbiqetmələrdə öz yerini tapsa da, Coğrafi İnformasiya Sistemlərinin (CİS) bu gün də istifadə edilməsinin klassik üsulları ilə tətbiq olunan açıq, araşdırma yanaşmaları arasında artan bir əlaqə var. əlaqəli məlumatlar kimi məlumat qrafiklərindən məlumat almaq və istehlak etmək. Bu işdə, bu boşluğu aradan qaldırmaq və əlaqəli məlumatların GIS içərisindən alınması, inteqrasiyası və təhlilini təmin etmək üçün Esri'nin ArcGIS üçün bir vasitə qutusu olaraq bir Bağlı Məlumat bağlayıcı çərçivəsini konseptuallaşdırırıq və tətbiq edirik. Bağlantılı məlumatların son nöqtələrinə necə bağlanacağımızı, məlumatları araşdırmaq üçün ontologiyalardan necə istifadə edəcəyimizi və dərhal CİS-lərin təqdimatlarını necə əldə edəcəyimizi, mülahizələrdən necə istifadə edəcəyimizi, RDF üçqatından kənar məkan analizinə hazır olan məlumatları necə əldə edəcəyimizi və ən əsası, təhlili təmin etmək üçün əlaqəli məlumatların bağlantı quruluşundan necə istifadə ediləcəyi. Təklif olunan Əlaqəli Məlumat bağlayıcı çərçivəsi, coğrafi bilik qrafikləri üzərində idarə olunan bir coğrafi sual cavab sistemi üçün ilk addım kimi də qəbul edilə bilər.


Coğrafi İnformasiya Sistemlərinin Ətraf Mühəndisliyi Tətbiqləri

Bu, OCW-də 2400-dən çox kursdan biridir. Bu kurs üçün materialları sol tərəfdəki səhifələrdə araşdırın.

MIT OpenCourseWare bütün MIT tədris proqramını əhatə edən minlərlə MIT kursundan pulsuz və amplu açıq bir nəşrdir.

Qeyd və ya qeydiyyat yoxdur. OCW materiallarına sərbəst baxın və öz sürətinizdə istifadə edin. Burada qeydiyyat və başlanğıc və bitmə tarixləri yoxdur.

Bilik sizin mükafatınızdır. Ömür boyu öyrənməyinizə rəhbərlik etmək və ya başqalarına öyrətmək üçün OCW istifadə edin. OCW istifadə üçün kredit və ya sertifikat təklif etmirik.

Paylaşmaq üçün hazırlanmışdır. Daha sonra faylları yükləyin. Dostlarınıza və həmkarlarınıza göndərin. Dəyişdirin, yenidən düzəldin və yenidən istifadə edin (mənbə olaraq OCW-ni göstərməyi unutmayın)


Sosial şəbəkələrdən təcili əməliyyat mərkəzlərinə: Semantik vizualizasiya yanaşması

Sosial şəbəkələr ümumiyyətlə vətəndaşlar tərəfindən böhran vəziyyəti haqqında mesajlarını bölüşmək üçün bir əlaqə kanalı və təcili əməliyyat mərkəzləri tərəfindən vəziyyət şüurunu artırmaq üçün bir məlumat mənbəyi olaraq istifadə olunur. Bununla birlikdə, bu məlumat mənbəyindən istifadə etmək üçün təcili yardım operatorları və qərar qəbul edənlər, məzmunu, etibarlılığı, keyfiyyəti və aktuallığı çox fərqli ola biləcək böyük və strukturlaşdırılmamış məlumatlarla məşğul olmalıdırlar. Bu yazıda bu problemi həll etmək üçün Twitter-dən çıxarılan müvafiq məlumatları süzən və görselləşdirən vizual analitik həll təklif edirik. Alət, vəziyyəti daha yaxşı başa düşmək və məlumatlı fəaliyyət kursları almaq üçün təcili yardım operatorlarına məlumatları araşdırmaq üçün fərqli baxışları təmin etmək üçün bir çox vizualizasiya təklif edir. 20 praktikanın fövqəladə halların idarə olunması prosesinə sosial şəbəkələrin inteqrasiyası ilə bağlı sualları cavablandırdığı araşdırma işi ilə problemin əhatə dairəsini təhlil etdik. Bu iş, məkan və müvəqqəti məlumatları araşdırmaq üçün effektivliyini qiymətləndirmək üçün nəzarətli bir təcrübədə qiymətləndirilən bir vizual vasitə dizaynına ilham verdi. Təcrübə zamanı 12 iştirakçıdan məlumat araşdırması ilə əlaqəli 5 tapşırıq yerinə yetirmələrini və alətdən istifadə təcrübələri barədə anket doldurmalarını xahiş etdik. Qiymətləndirmədən əldə edilən ən maraqlı nəticələrdən biri, problemin həlli və qərar qəbul etmək üçün fərqli strategiyaları dəstəkləmək üçün bir neçə vizuallaşdırma texnikasının birləşdirilməsinin effektivliyinə aiddir.


GEOG 455: Veb GIS

Hissə 2 - Bölmə II
HTML-də onlara müraciət etmək üçün əvvəlcədən paketlənmiş bir veb xidmətdən istifadə etmək yaxşı təcrübədir. Laboratoriyanın bu hissəsinin növbəti hissəsi üçün yeni bir veb xidmət hazırlandı, yayımlandı və sonra JavaScript sənədində əldə edildi (şəkil #). Başlamaq üçün, Eau Claire mahalında məktəb yerlərini ehtiva edən bir shapefile ArcMap-a gətirildi və simvollaşdırıldı. İstifadə olunan shapefile məktəblərin ünvanlarını ehtiva etmirdi, lakin layihə qovluğu içərisində ayrıca bir məlumat masası var. İki təbəqənin masaları məktəb adı ilə birləşdirildi (şəkil 5).

Şəkil 5: Cədvəl ArcMap-də birləşir.
Kardinallığı təmin etmək üçün qoşulmadan əvvəl qoşulmanın təsdiqlənməsi vacib idi. Cədvəllər birləşdirildikdən sonra, shapefile məlumatları yeni bir shapefile olaraq ixrac edildi (şəkil 6).

Şəkil 6: Veriləri yeni formaya köçürün.
Sonra, nəticələnən veb səhifədəki açılan pəncərədə görünən sahələri tərk etmək üçün cədvəldəki atribut sahələrinin nüsxələri çıxarıldı: Məktəbin adı (NAME), məktəbin metrlərlə qaldırılması (ELEV_METER) və məktəbin ünvanı (ADRES). Sonra, xəritə bu kursun ikinci laboratoriyasına bənzər bir şəkildə bir xidmət olaraq sinif serverinə yayımlandı.

Əvvəlki hissədə şablon kimi yaradılan JavaScript sənədindən istifadə edərək, bu veb səhifənin tələblərinə uyğun surəti çıxarıldı və redaktə edildi. Şəkil 7-də yeni JavaScript sənədi göstərilir.

Şəkil 7: Eau Claire Məktəbləri JavaScript sənədi.
Şəkil 7-yə baxanda bəzi dəyişikliklər nəzərə çarpır. Məsələn, xəritə ölçüsünün mərkəzi üçün koordinatlar və yaxınlaşma dəyişdi. Xüsusiyyət qatı dəyişən, Eau Claire məktəb xidmətinin saxlandığı server URL-sini ehtiva edir. Bundan əlavə, bir miqyaslı çubuq əlavə edildi (sətirlər 36-39), açılan pəncərə məzmunu və takma adlar konfiqurasiya edildi (sətir 44), açılan pəncərədə göstərilən məlumatlara uyğunlaşdırmaq üçün infoWindow ölçüsü dəyişdirildi (sətir 54), və getTextContext qrafik funksiyası silindi. HTML sənədində müvafiq JavaScript sənədinə istinad edilmişdir (bax Şəkil 8).

Şəkil 8: Eau Claire Schools HTML sənədi.
Hissə 3:

Bu laboratoriyanın son hissəsi üçün bir marşrut tətbiqi hazırlanmışdır. Başlamaq üçün yeni bir HTML sənədi yaradıldı (şəkil 9) bu laboratoriyada əvvəlki HTML sənədlərinə oxşar şəkildə skript qurdu. Bu veb səhifə üçün ESRI .css üslub cədvəli "klaro" veb səhifəni tərtib etmək üçün istifadə edilmişdir.

Şəkil 9: Sadə Yönləndirmə HTML sənədi.
Şəkil 9-a baxarkən müvafiq JavaScript sənədinə (rəqəmlər 10 və 11) istinad edildi və veb səhifənin xəritə pəncərəsi altında təlimatları göstərmək üçün bəzi mətnlər əlavə edildi.

Şəkil 10: Sadə Yönləndirmə JavaScript tələbləri bölməsi.

Şəkil 11: Sadə Yönləndirmə JavaScript davam etdi.

Şəkil 11-də göstərildiyi kimi, marşrutlaşdırma veb xidmətinin saxlandığı server, RoutTask dəyişənində istinad edilmiş, nöqtə və xətt işarələri konfiqurasiya edilmiş və digər veb səhifə funksiyaları arasında bir səhv mesajı qurulmuşdur.

Hissə 1

Şəkil 12: Xəritə veb səhifəsi yaradın.
Hissə 2 - Bölmə I
Şəkil 13: Xüsusi Məlumat Pəncərəsi veb səhifəsi.
Hissə 2 - Bölmə II
Şəkil 14: Eau Claire Schools veb səhifəsi.
Hissə 3
Şəkil 15: Sadə Yönləndirmə veb səhifəsi.
Nəticələr

Bu laboratoriya şübhəsiz ki, çətin olsa da, məni fərqli modullara, kitabxanalara, API-lərə və veb səhifələrini inkişaf etdirmək üçün JavaScript, HTML və CSS-dən istifadənin ümumi imkanlarına məruz qalmağın yaxşı bir iş olduğunu düşünürdüm. Bu laboratoriyanı tamamlayarkən qarşılaşdığım problemlərin əksəriyyəti kiçik orfoqrafiya və ya simvol səhvlərindən qaynaqlanırdı, bununla belə proqramlaşdırma dilləri ilə işləmə xüsusiyyətidir. Nəhayət, bu məşqi veb səhifədəki funksiyaları təşkil edən müxtəlif kod komponentləri barədə məlumatlarımın genişləndirilməsində faydalı tapdım. Məsələn, JavaScript kodlarındakı tələb ifadəsi daxilindəki müxtəlif dojo funksiyalarına zəng etmək, hər bir funksiyanın parametrlərini skriptdə daha sonra müəyyənləşdirmək üçün vacibdir.

Mənbələr

EC_Schools xüsusiyyət sinfi MapCruzin.com saytından əldə edilmişdir: http://www.mapcruzin.com/geographic-names-shapefiles/#School

EC_Schools_Address 2013-cü ilin payızında GEOG 455 sinfi tərəfindən yığılmışdır. Widget_infowindow faylları Esri tərəfindən təmin edilmişdir:
https://developers.arcgis.com/javascript/jssamples.html

Mənbə kodu təmin edir:
Dr. Cyril Wilson, GEOG 455: Web GIS, Fall 2017


VisJS

Bu seqmenti müvəqqəti vizual platformalarda vis.js. adlı az bilinən açıq mənbə layihəsi ilə bağlamaq sürpriz ola bilər. D3 və Palladio kimi daha məşhur kitabxanalar son illərdə diqqət mərkəzini oğurlamış olsa da, vis.js hər şeyi əhatə edən, dinamik, vizual bir kitabxana kimi təqdim edir. Daha maraqlısı budur ki, akademiya daxilində anadan olan oxşar kitabxanalardan fərqli olaraq vis.js, getdikcə daha da mürəkkəb bir dünyada həyatlarını daha yaxşı təşkil etmək üçün insanlara güc vermək & # 8220 olan Hollandiyanın Almende şirkətindən bir R & ampD qrupu tərəfindən yaradılmışdır.

Simile layihəsinə bənzər vis.js, fərqli vizualizasiya texnikaları üçün bir neçə kitabxana təqdim edir. Onların Zaman Çizelgesi kitabxanası, əşyalar və aralıklarla & # 8220 son dərəcə özelleştirilebilir, interaktiv zaman çizelgesi yaratmağı təklif edir. Bəlkə də gözəllik onun özündədir çatışmazlıq hər hansı bir möhtəşəm görünüşlü interfeys. Əksinə, demək olar ki, təkcə funksiyaya və # millisekundlardan onilliklərə qədər bir neçə saniyə ərzində keçmək imkanı verən funksiyaya diqqət yetirir.

Bundan əlavə, & # 8220 dərəcədə özelleştirilebilir bir vasitə kimi iddiası, zaman çizelgesinin xəritələr kimi digər vizual komponentlərlə birlikdə mövcud olmasına imkan verən JSON məlumatlarını özündə birləşdirən asanlıqla əsaslandırılır.


Videoya baxın: CS50 2013 - Week 7 (Oktyabr 2021).