Esri/storymap-series: The Story Map Series lets you ... - GitHub

The Story Map Series lets you present a series of maps via tabs, numbered bullets, or a side accordion. - GitHub - Esri/storymap-series: The Story Map ... Skiptocontent {{message}} Esri / storymap-series Public Notifications Fork 57 Star 62 TheStoryMapSeriesletsyoupresentaseriesofmapsviatabs,numberedbullets,orasideaccordion. License Apache-2.0license 62 stars 57 forks Star Notifications Code Issues 28 Pullrequests 1 Actions Projects 0 Wiki Security Insights More Code Issues Pullrequests Actions Projects Wiki Security Insights Esri/storymap-series Thiscommitdoesnotbelongtoanybranchonthisrepository,andmaybelongtoaforkoutsideoftherepository. master Branches Tags Couldnotloadbranches Nothingtoshow {{refName}} default Couldnotloadtags Nothingtoshow {{refName}} default 1 branch 25 tags Code Clone HTTPS GitHubCLI UseGitorcheckoutwithSVNusingthewebURL. WorkfastwithourofficialCLI. Learnmore. OpenwithGitHubDesktop DownloadZIP LaunchingGitHubDesktop Ifnothinghappens,downloadGitHubDesktopandtryagain. LaunchingGitHubDesktop Ifnothinghappens,downloadGitHubDesktopandtryagain. LaunchingXcode Ifnothinghappens,downloadXcodeandtryagain. LaunchingVisualStudioCode Yourcodespacewillopenonceready. Therewasaproblempreparingyourcodespace,pleasetryagain. Latestcommit asizer Version1.27.0,ArcGISOnlineJune2022 … 109e944 Jul9,2022 Version1.27.0,ArcGISOnlineJune2022 109e944 Gitstats 57 commits Files Permalink Failedtoloadlatestcommitinformation. Type Name Latestcommitmessage Committime src     .gitattributes     .gitignore     .jshintrc     CONTRIBUTING.md     Gruntfile.js     LICENSE.txt     README.md     map-series-help-application-id.png     map-series-storytelling-template-js.png     package.json     Viewcode StoryMapSeries Helpcontent Introduction Instructions Feedback/support FAQ WhatshouldIcheckbeforepublishingaSeries? Whatarethesupportedbrowsers? Tipsforyourcontent Linkbetweenentries Security CanIkeepmySeriesprivate? WhocaneditmySeries? CanIuseprivatewebmaporlayer? Deployment CanIusethetemplatewithoutArcGISOnlineorPortalforArcGIS? Whereisthedatastored? CanIdeployMapSeriesonPortalforArcGIS? Canthetemplatebeusedoffline? CanIusethebuilderwiththedownloadable? Howtodeploytheapplicationonawebserver? CanIuseasingledeploymentofMapSeriesformultiplestories? Configuration Customizethelookandfeel Customcolortheme Othercustomization Developerguide Applicationlifecycle Developerhelpers Environmentsetup Howtousetheapplicationfromthesourcecode Howtobuildapplicationfromthesourcecode Issuesbuildingtheapplication Design Issues Contributing Licensing README.md Note:ClassicEsriStoryMapstemplatesareinextendedsupportonArcGISOnlineasofSeptember2021andmaturesupportonArcGISEnterprise10.9.1.ForthelatestinformationonthetransitionfromclassicEsriStoryMapstoArcGISStoryMaps,clickhere. StoryMapSeries TheStoryMapSeriesappletsyoupresentaseriesofmapsviatabs,numberedbullets,orasideaccordion.Inadditiontomaps,youcanalsoincludeimages,videoandwebcontentinyourseriestotellyourstoryandengageyouraudience.Forexamplethefirsttabinatabbedseriescanbeacompellingphotothatsetsthescene.Actionscanalsobedefinedinanentry'stextsothat,forinstance,clickingawordautomaticallyzoomstheentry'smaptoaparticularlocation. Viewitlive:tablayout| Viewitlive:accordionlayout| Viewitlive:bulletlayout Download| MapSeriespageonEsriStoryMapswebsite Thisreleaseisversion1.27.0,whichcorrespondstotheJune2022releaseofArcGISOnlineandthe11.0releaseofEnterprise.Ifyouwanttobeinformedofnewreleases,werecommendyoutowatchthisrepository(seeGitHubhelp).Seethereleasepageforreleasenotes. FormoreinfomationaboutusingandcustomizingEsri'sStorytellingAppsfollowtheStoryMapsDevelopers'Corner. Helpcontent Introduction Instructions Feedback/support FAQ Configuration Customizethelookandfeel Developerguide Issues Contributing Licensing Introduction AMapSeriesapplicationcanbecreatedfromArcGISOnline,fromtheEsriStoryMapswebsiteorfromaPortalforArcGISdeployment.TheSeries'sdataarestoredinaWebApplicationItem(thisincludesthenarrativecontent,referencetothewebmap(s),pictures,videosandthesettings). ThisrepositoryprovidestheapplicationsourcecodefordevelopersthatwanttocustomizeMapSeries. FormoreinformationabouttheMapSeries,includingagalleryofexamplesandastep-by-steptutorial,pleaseseetheMapSeriespageontheEsriStoryMapswebsite. Instructions FirstcreateyourMapSeriesinArcGISOnlineusingthestep-by-steptutorial. Onceyourstoryisready,youhavetofinditsIDinArcGISOnline.TheIDisa32characterstringthatyouwillfindinyourwebbrowser'saddressbarwhenyouareviewingyourseries. Downloadtheapplication Deploytheapplicationonyourwebserver.SeeFAQfordetails Editindex.html,findtheconfigurationsectiononline39andpasteinyourapplicationID Navigatetoindex.html(e.g.,http://127.0.0.1/MapSeries/index.html) Enjoy! YoucancontinuetousethebuilderinArcGISOnlinetomodifyyourstory. Seecustomizethelookandfeelsectionordeveloperguideifyouwanttomodifytheapp. IfyouareusingPortalforArcGIS,pleasefollowtheinstructionsattheendofapp/config.jstoconfiguretheapplication.OptionallyyoucanalsoconfiguretheapplicationtousetheArcGISAPIforJavaScriptincludedonyourPortal. Feedback/support Wewouldlovetohearfromyou! StoryMapsWebsite Letusknowaboutyourapplication StoryMapsforumonGeoNet @EsriStoryMaps ArcGISBlog Whenyoucontactus,don'thesitatetoincludealinktoyourapplicationtomakeiteasierforustounderstandwhatyouareworkingon. FAQ WhatshouldIcheckbeforepublishingaSeries? WerecommendthatyouperformthefollowingchecksbeforesharingyourSerieswithyouraudience: Checkthatallyourcontentissharedwithyouraudience(webmaps,medias,...).Typicallyyoucanuseanothercomputerthantheoneyouhaveusedtobuildyourstorytomakesureeverythingisloadingproperly.Alternativelythisarticlewillshowyouhowtoconfigureyourbrowserforanincognitosessionoryoucanjustsign-outfromArcGISOnlineandanyservicethatyouhaveusedtohostyourresources. Trytheapplicationondifferentbrowsers,screenresolutionsandmobiledevices.Youcanemulatemobiledevicesinsideyourdesktopbrowser. Whatarethesupportedbrowsers? MapSeriesissupportedonInternetExplorer11andabove,Chrome,Firefox,Safariandthemostrecenttabletandsmartphonedevices. MapSeriesauthoringissupportedonthesamedesktopbrowserslistedabove,andonthemostrecenttabletbutnotsmartphonedevices. Weactivelytesttheapplicationinallmajorbrowsersbutifyouexperiencedifficultiesespeciallywiththebuilder,werecommendthatyouuseChrome. Tipsforyourcontent Linkbetweenentries OnepopularrequestistoaddtheabilitytonavigatebetweenaSeries'sentriesusinglinksinthepanelorthroughmapfeaturespopup.AsofApril2018,thisabilityisnowavailableinthebuilder. Toaddalinktoanotherentryinthenarrativepanel,highlightthetextforwhichyouwanttocreatethelinkandusetheNaviagetoanentryactioninthetoolbar.Seethisblogformoreinformation. Youcanalsoaddthiscapabilitytomapfeaturepopups.Thiscan,forexample,allowthefirstentrymaptobethespatialindextoyourstory.Todothatyouneedtodownloadtheapplicationandincludeapieceofcodeinapp/custom-scripts.js.Modifythatfileasshownbelow.Followtheinstructionstoconfigurethewebmapandthelayerthatwillreceivetheclickevent. define(["dojo/topic"],function(topic){ /* *CustomJavascripttobeexecutedwhiletheapplicationisinitializinggoeshere */ //Theapplicationisready topic.subscribe("tpl-ready",function(){ /* *Setupaclickhandleronthefeatureofthemaptonavigatethestory */ // //************************************* //Configurethewebmapidandlayerid //************************************* // //FirstfindthewebmapidthroughtheURLwhenyouopenthemapinMapViewer //Togetthelayerid,pastethewebmapidbelowandopentheapplication, //thenopenthedeveloperconsole,allthelayersidswillbelisted, //findthecorrectoneandpasteitbelow //Afterthissetup,clickingthe3rdfeatureofyourlayer,willnavigatetothethirdentry varWEBMAP_ID="0bb11c0469f042b3afaf8b0d76572822"; varLAYER_ID="csv_7673_0"; varclickHandlerIsSetup=false; topic.subscribe("story-loaded-map",function(result){ if(result.id==WEBMAP_ID&&!clickHandlerIsSetup){ varmap=app.maps[result.id].response.map, layer=map.getLayer(LAYER_ID); console.log(map.graphicsLayerIds); if(layer){ layer.on("mouse-over",function(e){ map.setMapCursor("pointer"); map.infoWindow.setContent(""+e.graphic.attributes.name.split(",")[0]+"
Clicktozoom"); map.infoWindow.show(e.graphic.geometry); }); layer.on("mouse-out",function(e){ map.setMapCursor("default"); map.infoWindow.hide(); }); layer.on("click",function(e){ varindex=e.graphic.attributes["__OBJECTID"]; //Temporarilypreventthenewbullettobefocused app.isLoading=true; topic.publish("story-navigate-entry",index); //SetbackisLoading setTimeout(function(){ app.isLoading=false; },100); }); } clickHandlerIsSetup=true; } }); }); Security CanIkeepmySeriesprivate? Yes,theregularArcGISOnlinesecuritymodelapplies. BydefaultyourSeriesisprivate,youcanshareitthroughMapSeriesbuilderorArcGISOnline. WhenyoushareyourSeries,itisyourresponsibilitytomakesurethatalltheresourcesofyourSeries(webmaps,images,videos)areaccessibletoyouraudience. WhocaneditmySeries? ASeriescanonlybeeditedbyitsowner(thenamedaccountthatinitiallycreatedtheSeries).OrganizationAdministrator(doesnotapplyforpublicaccount)cantakeorgivetheSeriesownershiptoanotheruser.Inthatcaseyouwon'tanymorebeabletoedittheSeries.ChangingtheownershipistheonlywaytocollaborateonaSeriescreationwithoutsharingtheowner'scredentials. CanIuseprivatewebmaporlayer? Yes. WhentheSeriesishostedinArcGISOnlineorPortalforArcGIS,usersthatdon'thaveaccesstotheSeriesorawebmapusedintheSerieswillberedirectedtotheArcGISOnlinesign-inpage.ItisnotpossibletodisplayanauthenticationdialogintheMapSerieswhentheSeriesishostedinArcGISOnline. WhentheSeriesishostedonyourwebserver,anauthenticationdialogwillappearinsidetheapplication. Notethatforthatauthenticationtoworkonsomeolderbrowser(InternetExplorer9)youneedtoinstallaproxyserveronyourwebservertomakesurethelogincredentialscanbepassedsecurelytoArcGISOnline.Formoreinformation,seetheUsingtheproxyintheArcGISAPIforJavaScriptdocumentation. Becauseofthatlimitation,werecommendthatyouconfiguretheapplicationtouseOAuth.OAuth2.0basedauthenticationisavailableforArcGISOnlineandPortalforArcGISuserswithdeveloperororganizationalaccounts.FollowtheproceduretoaddanapplicationandregisteranapplicationtogetanOAuthapplicationID.Onceyouhavethatapplication,openindex.html,locatetheconfigOptionssectionandfilltheoAuthAppIdproperty. Ifyouareusingsecuredservicesbutdon'twantuserstohavetoauthenticate,youcanuseaproxytostoretheusername/passwordtobeused,seeWorkingwithProxyServices,andaddaproxyrulestospecifywhatservicesneedtousetheproxybyeditingPROXY_RULESinapp/config.js. Deployment DeployingaMapSeriesrequiretouseArcGISOnlineorPortalforArcGIS.TheSeriescontenthavetobecreatedusingtheMapSeriesbuilderandwillliveinaWebApplicationItem. CanIusethetemplatewithoutArcGISOnlineorPortalforArcGIS? Thisisnotasupportedusecaseatthattime.Pleaseletusknowifyouareinterestedbysuchascenario. MapSeriesrelyheavilyonthePortalforArcGISAPIbutitisdoabletomodifytheapplicationtosupportotherscenarios. Whereisthedatastored? TheSeriesdataarestoredinaWebApplicationIteminArcGISOnlineorPortalforArcGIS.Thisincludethenarrativecontent,referencetothewebmap(s),referencetopicture(s),video(s),webpage(s)andthesettings. TheimageandvideosthatyouincludeinyourSeriesusingthebuilderarenotcopiedinArcGISOnline.Youhavetomakesurethatthosemediasaswellasthewebmapsyouareusingareandwillremainaccessibletoyouraudience. CanIdeployMapSeriesonPortalforArcGIS? Yes,MapSeriesisincludedPortalforArcGISstartingatversion10.3.1.MapSeriesisnotincludedinearlierversionofPortalforArcGISbutcanbedeployedonPortalforArcGIS10.3.MapSeriesisnotcompatiblewithPortalforArcGISpriorversion10.3. Steps: Downloadthelatestversion FindyourPortalapps/Seriesfolder(dependingonyourinstallationandversionofPortal,thisiseitherC:\ProgramFiles\ArcGIS\Portal\apps\MapSeriesorC:\ProgramFiles\ArcGIS\Portal\webapps\arcgis#home\webmap\templates\MapSeries). Removethecontentofthatfolder Extractthearchivesothatindex.htmlislocatedatMapSeries\index.html IfMapSerieswasalreadyincludedinyourPortalyouaredone(PortalforArcGIS10.3.1+). IfMapSerieswasnotavailableinyourPortal: LogintoPortalforArcGISandopenMyContent>AddItem>Application>WebMappingApplication>Configurable.ConfiguretheURLtohttps://portal.domain.com/arcgis/apps/MapSeries.Moredetailsinthefollowingdocumentationpublishinganewwebapplicationitem. CreateanewgroupthatwillreferencethetemplateavailableinyourPortal Sharethenewlycreateditemwiththatgroup OpenMyOrganization>EditSettings>MapandsettheWebAppTemplatestothenewlycreatedgroup.Moredetailsinthefollowingdocumentationconfiguringthewebapplicationgallery Nowwhenyoushareawebmap,thetemplateshouldbeanoption NotethatthearchiveyoudownloadedisusingtheArcGISAPIforJavaScripthostedinArcGISOnline.ThiscancreatesomeincompatibilitywithyourPortal,ifyourunintoissue,pleaseseethenextsectiontoupdateit. AlsonotethatthewebapplicationgallerypreviewfeatureredirectstotheStoryMapswebsite,thetargetpagecanbemodifiedinapp/config.js>HELP_URL_PORTAL. Canthetemplatebeusedoffline? Yes,byusingPortalforArcGISandconfiguringthetemplatetousetheArcGISAPIforJavascriptincludedwiththePortal. ToedittheArcGISAPIforJavaScript,editindex.htmlandlocatepathJSAPIaroundline70.TheURLis//webadaptor.domain.com/arcgis/jsapi/jsapiwherearcgisisthenameofyourWebAdaptor. WhendeployedonaPortalforArcGISinstance,theapplicationdoesn'trequireanyexternalservicetofunction.ButbydefaultthetemplatewillstillincludetheheadersocialbuttonsandSeriesauthorareabletoimportpicturesandvideosfromthesomeonlinepictureshostingservices.Theseoptionscanbedisabledindividuallythroughtheconfigurationfileapp/config.js. CanIusethebuilderwiththedownloadable? Yes,whenthetemplateisconfiguredwithanapplicationID,addingtheURLparameter'edit'willopenthebuilder.YouwillbepromptedforuserauthenticationthroughtheIdentityManager. Howtodeploytheapplicationonawebserver? Ifyouarenotfamiliarwithwebserversherearetwosolutions: UsethewebserverthatcomeswithyourserverOperatingSystem.OnWindowsthisisInternetInformationServices(IIS),ifyouhaveaC:\inetpub\wwwrootfolderonyourcomputer,youshouldbeabletoaccessit'scontentusinghttp://localhost OnWindowsorMacOS,useasimplewebserverlikeMongoose(notrecommendedforproduction) Ifyouareexperiencingsomerenderingissueslikeimpropersymbolappearinginsteadoficons,youwillhaveanextraconfigurationtoperform.SomeserversrequiretoconfigureanewmimetypetobeabletoserveMapSeriesfontscorrectly.Seethefollowinglinksformoreinformation: IISMimetypes Properlyservewebfonts CanIuseasingledeploymentofMapSeriesformultiplestories? Yes. Ifyouhavecustomizedtheapplicationanddeployeditonyourserver,youdon'tneedtocopyitmultipletimes,editindex.htmlandpasteadifferentapplicationIDforeachstoryyouwanttopublish. Insteadeditindex.html,locatetheconfigOptionssectionandfilltheauthorizedOwnerspropertywiththeArcGISOnlineorPortalforArcGISloginoftheowner(s)oftheSeriesyouwanttouse.ThismakepossiblefortheapplicationtodisplayanyoftheSeriescreatedbythespecifieduser(s)throughanURLparameter. Exampleofthesameapplicationdisplayingtwostories: http://myserver.com/MapSeries/index.html?appid=c7ad1a55de0247a68454a76f251225a4 http://myserver.com/MapSeries/index.html?appid=c7ad1a55de0247a68454a76f251225a5 Configuration Inadditiontotheconfigurationofferedbythebuilder,thefileapp/config.jsprovidevariousadditionalsettings.ThisisforexampletheplacewhereyoucanoverridesomesettingslikethelistofGeocoderservicestobeused(changesoverrideArcGISOnlineoryourOrganizationdefaultsettings).Seethedocumentationprovidedinthatfileformoredetails. Customizethelookandfeel Customcolortheme AsMapSeriesdoesn'tyetoffertheabilitytocreateacustomthemethroughthebuilder,customizingthevariouscolorsoftheapplicationrequireschangingthedataofyourapp.Seeourblogpostaboutcustomizingthemecolors. Youcouldalsodownloadandconfigurecolorsthroughapp/config.js.Forexampleifyouareusingthetabbedlayoutandhavekeptthedefaulttheme,openapp/config.js,locatetheLAYOUTpropertyandeditthefollowinglinewiththedesiredcolors. themes:[ { name:"tab-default-1", //Groupofmatchingthemeacrosslayout group:"default", themeMajor:"white", //Headerbackground header:"#28323A", ... }] Othercustomization MostofthelookandfeelcustomizationcanbedoneusingtheregularApplicationDownloadandincludingthecss/htmloverridesdirectlyintoindex.html. AstheapplicationJavascriptandCSSareminified,wedon'trecommendthatyoudirectelyeditthosefiles(e.g.app-viewer-min.css,app-viewer-min.js,...).Inadditiontobeinghardtoedit,thiswillmakeapplicationupdatecomplexforyou. Ifyouwanttochangethebehaviorofonefunctionalityorwanttoaddnewone,followthedeveloperguidebelow. TheeasiestwaytofindtheidorpathofaDOMelementthatyouwanttocustomizeistouseyourbrowserdevelopertool,readdocumentationforChrome,Safari,Firefox. Customizationcanachievedthroughthestyletagalreadypresentforyouinindex.html(searchfor/*CUSTOMCSSRULES*/). Developerguide ThisdeveloperguideisintendedfordeveloperswhowanttomodifythebehavioroforaddnewfunctionalitiestotheMapSeriesapplication. ItrequiresknowledgeofHTML,JavascriptandCSSlanguages. Ifyouonlyneedtocustomizethelookandfeel,youshouldbeabletodosousingthecustomizesectionabove. Applicationlifecycle MapSeriesfireseventsthatallowcustomizationwithloseintegration.Thismeanthatyoudon'tneedtounderstandtheapplicationinternalstoimplementsimpleextension. Totrythoseevents,lookfortheCustomJavascriptblockatthefarendofindex.html. ... require(["dojo/topic"],function(topic){ /* *CustomJavascripttobeexecutedwhiletheapplicationisinitializinggoeshere */ console.log("MapSeriesisinitializing"); //Theapplicationisready topic.subscribe("tpl-ready",function(){ /* *CustomJavascripttobeexecutedwhentheapplicationisreadygoeshere */ console.log("MapSeriesisready"); }); //Whenanentryisbeingloaded(don'twaitfortheMainStagemediatobeloaded) topic.subscribe("story-load-entry",function(index){ console.log("Theentry",index,"isbeingloaded"); }); //Afteramapisloaded(whenthemapstartstorender) topic.subscribe("story-loaded-map",function(result){ if(result.index!==null) console.log("Themap",result.id,"hasbeenloadedfromtheentry",result.index); }); }); ... Developerhelpers Inadditiontotheeventsdescribedabove,thestorydata,configurationandusefulhelpersfunctionscanbeaccessedthroughtheglobalvariableapp. console.log("Entry",app.data.getCurrentEntryIndex(),"/",app.data.getStoryLength()-1); console.log("Currentmap",app.map); console.log("IDsofallthewebmapsusedinthestory",app.data.getWebmaps()); console.log("Currententry'sdata",app.data.getCurrentEntry()); console.log("Allentriesdata",app.data.getStoryEntries()); console.log("Storylayoutconfiguration",app.data.getWebAppData().get().values.settings.layoutOptions); console.log("Staticayoutconfigurationvalues",app.data.getCurrentLayoutStaticConfig()); SomeeventsarealsoavailableforyoutonavigatetheSeriesprogrammatically: require(["dojo/topic"],function(topic){ //Navigatetoanentry topic.publish("story-navigate-entry",2); //Reloadthecontentpanel topic.publish("story-update-entries"); }); Environmentsetup Clonetherepositoryordownloadacopyoftherepositoryasazipfile. Tobuildaproductionversionoftheapplicationfromthesourcecode,youfirstneedtoinstallNode.js. TheninitializetheenvironmentbyrunningthefollowingcommandsintheMapSeriesfolder: npminstall npminstall–ggrunt-cli Thiswillcreateanewnode-modulesfolderinyourprojectrootwithallthetoolsrequiredtobuildtheapplication.Ifyouhavetroublerunningthesecondcommand,seethisdocumentationonhowtoinstallgrunt-clilocally. Howtousetheapplicationfromthesourcecode MakeaccessibletheMapSeriesfolderonawebserver.Useyourfavoriteserverorrunonewithgruntserver,thiswillstartaserveronport8080 IfusingaPortalforArcGISinstanceconfigurethesharingurlapp/config.js(lastproperty) UsetheURLparameterappidtospecifythewebitemtobeloaded,e.g.:http://localhost:8080/?appid=ABCD(configuringindex.html>configOptions.appidisnotsupportedindevelopmentmode) Howtobuildapplicationfromthesourcecode OpenaterminalandnavigatetotheMapSeriesfolder Runthefollowingcommand:grunt Thedeployfoldernowcontainsthebuiltapplicationthatyoucandeploytoyourwebserver. Issuesbuildingtheapplication ThebuildscriptperformcodevalidationthroughJSHint,youcandisablethosevalidationsbyeditingGruntfile.jsandlookforthefollowingcomments/*Commentouttodisablecodelinting*/. Design MapSeriesreliesonAMDandDojoloaderAMDforapplicationstructure. Theapplicationisstructuredasthis: Path Contains Gruntfile.js Buildconfiguration src/ Mainsourcecodefolderwithindex.htmlandtheEclipseprojectconfiguration src/app/ JavascriptandCSSsourcecode src/app/config.js Appconfigurationfile(loadedatexecutiontime) src/app/storymaps/common/ Modulescommonacrossstorymapstemplates(mainmoduleisCore.js) src/app/storymaps/common/builder/ Buildermodules(mainmoduleisBuilder.js) src/app/storymaps/common/mapcontrols/ MapUIcomponents(Overview,Legend) src/app/storymaps/common/ui/ UIcomponents src/app/storymaps/common/utils/ Utils,connector,... src/app/storymaps/common/_resources Staticresources src/app/storymaps/tpl/ MapSeriesmodules(buildconfigurationfilesintheroot) src/app/storymaps/tpl/builder/ Buildermodules(mainmoduleisBuilderView.js) src/app/storymaps/tpl/core/ Coremodules(mainmoduleisMainView.js) src/app/storymaps/tpl/ui/ UIcomponentsoftheviewergroupedbytargetdevice src/lib-app/ Dependencies(includedinthefinalapp) src/lib-build/ Dependenciesusedbythebuild(notincludedinfinalapp) src/resources/ Staticresources Themaindependenciesare: jQuery Bootstrap CKEditor iDangero.usSwiper TheapplicationJavascriptandCSSareminifiedintofourfiles: File app/viewer-min.css CompressedCSSloadedwhenaccessingtheMapSeriesasaviewer app/viewer-min.js CompressedJavascriptloadedwhenaccessingtheMapSeriesasaviewer app/builder-min.css CompressedCSSloadedwhenaccessingtheMapSeriesasanauthor app/builder-min.js CompressedJavascriptloadedwhenaccessingtheMapSeriesasanauthor DependingontheURLparameters,index.htmlwillloadthecorrespondingfiles. Issues Findabugorwanttorequestanewfeature?Pleaseletusknowbysubmittinganissue. Contributing Esriwelcomescontributionsfromanyoneandeveryone.Pleaseseeourguidelinesforcontributing. Licensing Copyright2020Esri LicensedundertheApacheLicense,Version2.0(the"License"); youmaynotusethisfileexceptincompliancewiththeLicense. YoumayobtainacopyoftheLicenseat http://www.apache.org/licenses/LICENSE-2.0 Unlessrequiredbyapplicablelaworagreedtoinwriting,software distributedundertheLicenseisdistributedonan"ASIS"BASIS, WITHOUTWARRANTIESORCONDITIONSOFANYKIND,eitherexpressorimplied. SeetheLicenseforthespecificlanguagegoverningpermissionsand limitationsundertheLicense. Acopyofthelicenseisavailableintherepository'sLICENSE.txtfile. Someopen-sourcecomponentsofthisprojectarelicensedunderotherLicenseterms,seesrc/lib-app/folderforrespectivelicencefiles. Library License Bootstrap MIT CKEditor LGPL jQuery MIT jQueryColorbox MIT iDangero.usswiper MIT Clipboard.js MIT History.js BSD jQueryUI MIT FastClick MIT jQueryUITouchPunch MIT About TheStoryMapSeriesletsyoupresentaseriesofmapsviatabs,numberedbullets,orasideaccordion. Topics storytelling storymap publishing-sharing storymaps Resources Readme License Apache-2.0license Stars 62 stars Watchers 39 watching Forks 57 forks Releases 24 V1.27.0 Latest Aug2,2022 +23releases Packages0 Nopackagespublished Contributors3 asizer AlisonSizer ssylvia StephenSylvia oevans OwenEvans Languages JavaScript 91.5% CSS 5.1% HTML 3.3% Less 0.1% Youcan’tperformthatactionatthistime. Yousignedinwithanothertaborwindow.Reloadtorefreshyoursession. Yousignedoutinanothertaborwindow.Reloadtorefreshyoursession.