Skip to content

Create HTML Presentations which include interactive maps and code snippets using the JavaScript API for ArcGIS and reveal.js

Notifications You must be signed in to change notification settings

JonnyDawe/ArcGIS-Slides

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ArcGIS Slides

This repo demonstrates using @arcgis/core ES modules with reveal.js.

reveal.js is an open source HTML presentation framework.

Demo

CIM Symbology Dev Presentation

Installation

Clone this repository to your machine.

$ git clone https://github.com/JonnyDawe/ArcGIS-Slides

Navigate to the root folder and install dependencies.

$ npm install

Start the local development server to see the CIM presentation sample in action.

$ npm run start

Usage

  • Slides are written as markdown inside of presentation.md and translated into HTML via markdown.js plugin
  • Interactive ArcGIS Map Snippets are embedded via iframes. The the data-src attribute is used to point the iframe to the correct code snippet to load in from ./snippets.
<!-- This loads the cim-points.ts file into the iframe -->
<iframe id="frame-cim-points" data-src="./snippet.html?cim-points"></iframe>

Attribution:

This project was heavily inspired and adapted from this repo created by jkieboom for the 2017 Esri Dev Summit. It has been adapted to use @arcgis/core ES Modules and webpack.

License

MIT

About

Create HTML Presentations which include interactive maps and code snippets using the JavaScript API for ArcGIS and reveal.js

Topics

Resources

Stars

Watchers

Forks