{"id":1302,"date":"2023-04-03T16:58:42","date_gmt":"2023-04-03T16:58:42","guid":{"rendered":"https:\/\/geopick.cityai.space\/?page_id=1302"},"modified":"2023-05-10T09:07:38","modified_gmt":"2023-05-10T09:07:38","slug":"tutorials","status":"publish","type":"page","link":"https:\/\/geopick.cityai.space\/index.php\/tutorials\/","title":{"rendered":"Tutorials"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<div class=\"wp-block-stackable-columns alignwide stk-block-columns stk-block stk-326d5d1\" data-block-id=\"326d5d1\"><style>.stk-326d5d1-column{--stk-column-gap:48px !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-326d5d1-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v3 stk-column stk-block-column--v2 stk-block stk-b4faf44\" data-block-id=\"b4faf44\"><style>.stk-b4faf44-inner-blocks{justify-content:center !important}.stk-b4faf44-container{display:flex !important;flex-direction:column !important}@media screen and (min-width:768px){.stk-b4faf44{flex:1 1 calc(28% - var(--stk-column-gap,0px) * 1 \/ 2 ) !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b4faf44-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b4faf44-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-c3fcc1a\" id=\"beginner-to-advanced-web-mapping-with-arc-gis-maps-sdk-for-js-google-maps-api-and-leaflet\" data-block-id=\"c3fcc1a\"><h2 class=\"stk-block-heading__text\">Beginner to Advanced Web Mapping with ArcGIS Maps SDK for JS, Google Maps API and Leaflet.<\/h2><\/div>\n\n\n\n<p>This tutorial section is designed to take learners through a progressive journey from the beginner level to advanced level of web mapping with the ArcGIS Maps SDK for JS, Google Maps API, and Leaflet. <\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v3 stk-column stk-block-column--v2 stk-block stk-417aa76\" data-block-id=\"417aa76\"><style>@media screen and (min-width:768px){.stk-417aa76{flex:1 1 calc(72% - var(--stk-column-gap,0px) * 1 \/ 2 ) !important}}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-417aa76-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-417aa76-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-9e3589d\" data-block-id=\"9e3589d\"><style>.stk-9e3589d{margin-bottom:1px !important}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-9e3589d-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v3 stk-column stk-block-column--v2 stk-block stk-10d7f64\" data-block-id=\"10d7f64\"><style>.stk-10d7f64-container{background-color:#3d1078 !important}.stk-10d7f64-container:before{background-color:#3d1078 !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-10d7f64-container stk-hover-parent\"><div class=\"stk-block-content stk-inner-blocks stk-10d7f64-inner-blocks\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-361153f\" data-block-id=\"361153f\"><style>.stk-361153f .stk--svg-wrapper .stk--inner-svg svg:last-child,.stk-361153f .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g,path,rect,polygon,ellipse){fill:#ffffff !important}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-361153f\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-361153-f-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-361153-f-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"window-restore\" class=\"svg-inline--fa fa-window-restore fa-w-16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"32\" height=\"32\"><path fill=\"currentColor\" d=\"M512 48v288c0 26.5-21.5 48-48 48h-48V176c0-44.1-35.9-80-80-80H128V48c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zM384 176v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zm-68 28c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v52h252v-52z\"><\/path><\/svg><\/div><\/span><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-b6ee6c3\" id=\"span-style-color-ffffff-class-stk-highlight-level-0-api-key-essentials-span\" data-block-id=\"b6ee6c3\"><style>.stk-b6ee6c3{margin-bottom:8px !important}<\/style><h4 class=\"stk-block-heading__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">Level 0: API Key Essentials<\/span><\/h4><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-1899eca\" data-block-id=\"1899eca\"><p class=\"stk-block-text__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">The beginner lesson focuses on instructing learners how to obtain an API key for each mapping API, as well as the main components and functionalities of each mapping API. <\/span><\/p><\/div>\n<\/div><a class=\"stk-link stk-block-link stk--transparent-overlay\" href=\"https:\/\/geopick.cityai.space\/index.php\/tutorials\/introductory\/\" aria-hidden=\"true\" tabindex=\"-1\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v3 stk-column stk-block-column--v2 stk-block stk-fd691e5\" data-block-id=\"fd691e5\"><style>.stk-fd691e5-container{background-color:#3d1078 !important}.stk-fd691e5-container:before{background-color:#3d1078 !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-fd691e5-container stk-hover-parent\"><div class=\"stk-block-content stk-inner-blocks stk-fd691e5-inner-blocks\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-b9df1ed\" data-block-id=\"b9df1ed\"><style>.stk-b9df1ed .stk--svg-wrapper .stk--inner-svg svg:last-child,.stk-b9df1ed .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g,path,rect,polygon,ellipse){fill:#ffffff !important}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-b9df1ed\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-b-9-df-1-ed-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-b-9-df-1-ed-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"window-restore\" class=\"svg-inline--fa fa-window-restore fa-w-16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"32\" height=\"32\"><path fill=\"currentColor\" d=\"M512 48v288c0 26.5-21.5 48-48 48h-48V176c0-44.1-35.9-80-80-80H128V48c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zM384 176v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zm-68 28c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v52h252v-52z\"><\/path><\/svg><\/div><\/span><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-12d8a1d\" id=\"span-style-color-ffffff-class-stk-highlight-level-1-map-creation-and-manipulation-span\" data-block-id=\"12d8a1d\"><style>.stk-12d8a1d{margin-bottom:8px !important}<\/style><h4 class=\"stk-block-heading__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">Level 1: Map Creation and Manipulation<\/span><\/h4><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-cb57942\" data-block-id=\"cb57942\"><p class=\"stk-block-text__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">The first level tutorial takes learners through a step-by-step tutorial on how to use each mapping API for a specific case in Kyrgyzstan. Learners will explore tourist sights such as Bishkek City, Burana Tower, Issyk-Kul Lake, Osh City, Saimaluu Tash, Sary-Chelek, Jengish Chokusu, Tashrabat, and Canyon Skazka. The main focus of this lesson is to guide learners on how to view maps, add markers with popup, and change base maps.<\/span><\/p><\/div>\n<\/div><a class=\"stk-link stk-block-link stk--transparent-overlay\" href=\"https:\/\/geopick.cityai.space\/index.php\/tutorials\/basic-2\/\" aria-hidden=\"true\" tabindex=\"-1\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-b754060\" data-block-id=\"b754060\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-b754060-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v3 stk-column stk-block-column--v2 stk-block stk-6354535\" data-block-id=\"6354535\"><style>.stk-6354535-container{background-color:#3d1078 !important}.stk-6354535-container:before{background-color:#3d1078 !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6354535-container stk-hover-parent\"><div class=\"stk-block-content stk-inner-blocks stk-6354535-inner-blocks\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-22826f2\" data-block-id=\"22826f2\"><style>.stk-22826f2 .stk--svg-wrapper .stk--inner-svg svg:last-child,.stk-22826f2 .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g,path,rect,polygon,ellipse){fill:#ffffff !important}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-22826f2\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-22826-f-2-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-22826-f-2-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"window-restore\" class=\"svg-inline--fa fa-window-restore fa-w-16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"32\" height=\"32\"><path fill=\"currentColor\" d=\"M512 48v288c0 26.5-21.5 48-48 48h-48V176c0-44.1-35.9-80-80-80H128V48c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zM384 176v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zm-68 28c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v52h252v-52z\"><\/path><\/svg><\/div><\/span><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-5acbc5b\" id=\"span-style-color-ffffff-class-stk-highlight-level-2-advanced-mapping-techniques-span\" data-block-id=\"5acbc5b\"><style>.stk-5acbc5b{margin-bottom:8px !important}<\/style><h4 class=\"stk-block-heading__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">Level 2: Advanced Mapping Techniques<\/span><\/h4><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-aee8581\" data-block-id=\"aee8581\"><p class=\"stk-block-text__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">The second level tutorial builds on the previous lessons and educates learners on how to work with real time data, specifically clustering earthquakes in Kyrgyzstan from the decades 2023-2013. Learners will learn how to use the cluster method from thematic web mapping, work with GeoJSON files, add a cartographic elements.<\/span><\/p><\/div>\n<\/div><a class=\"stk-link stk-block-link stk--transparent-overlay\" href=\"https:\/\/geopick.cityai.space\/index.php\/tutorials\/medium\/\" aria-hidden=\"true\" tabindex=\"-1\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-block-column--v3 stk-column stk-block-column--v2 stk-block stk-b7a4fab\" data-block-id=\"b7a4fab\"><style>.stk-b7a4fab-container{background-color:#3d1078 !important}.stk-b7a4fab-container:before{background-color:#3d1078 !important}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b7a4fab-container stk-hover-parent\"><div class=\"stk-block-content stk-inner-blocks stk-b7a4fab-inner-blocks\">\n<div class=\"wp-block-stackable-icon stk-block-icon stk-block stk-da6c20e\" data-block-id=\"da6c20e\"><style>.stk-da6c20e .stk--svg-wrapper .stk--inner-svg svg:last-child,.stk-da6c20e .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g,path,rect,polygon,ellipse){fill:#ffffff !important}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><linearGradient id=\"linear-gradient-da6c20e\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-da-6-c-20-e-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-da-6-c-20-e-color-2)\"><\/stop><\/linearGradient><\/defs><\/svg><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"window-restore\" class=\"svg-inline--fa fa-window-restore fa-w-16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" width=\"32\" height=\"32\"><path fill=\"currentColor\" d=\"M512 48v288c0 26.5-21.5 48-48 48h-48V176c0-44.1-35.9-80-80-80H128V48c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zM384 176v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48h288c26.5 0 48 21.5 48 48zm-68 28c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v52h252v-52z\"><\/path><\/svg><\/div><\/span><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-6c36229\" id=\"span-style-color-ffffff-class-stk-highlight-level-3-complex-data-visualization-span\" data-block-id=\"6c36229\"><style>.stk-6c36229{margin-bottom:8px !important}<\/style><h4 class=\"stk-block-heading__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">Level 3: Complex Data Visualization<\/span><\/h4><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-e8658c4\" data-block-id=\"e8658c4\"><p class=\"stk-block-text__text\"><span style=\"color: #ffffff;\" class=\"stk-highlight\">The final tutorial lesson teaches learners how to create an animation map. Based on the knowledge acquired from the previous lessons, learners will learn how to animate earthquake markers with popup information. By the end of this tutorial section, learners will have gained a comprehensive understanding of web mapping with the ArcGIS Maps SDK for JS, Google Maps API, and Leaflet.<\/span><\/p><\/div>\n<\/div><a class=\"stk-link stk-block-link stk--transparent-overlay\" href=\"https:\/\/geopick.cityai.space\/index.php\/tutorials\/advance\/\" aria-hidden=\"true\" tabindex=\"-1\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Beginner to Advanced Web Mapping with ArcGIS Maps SDK for JS, Google Maps API and Leaflet. This tutorial section is<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-1302","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/pages\/1302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/comments?post=1302"}],"version-history":[{"count":11,"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/pages\/1302\/revisions"}],"predecessor-version":[{"id":2371,"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/pages\/1302\/revisions\/2371"}],"wp:attachment":[{"href":"https:\/\/geopick.cityai.space\/index.php\/wp-json\/wp\/v2\/media?parent=1302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}