Jump to content
Sign in to follow this  
rahmansunbeam

Calcite Maps - Styler from ESRI

Recommended Posts

example-1.png?raw=true

Styler is a new ArcGIS configurable application that can be used to easily create, style and share modern 2D and 3D map apps. Using simple styler parameters you can customize everything from the title, menus and text, to the overall color, theme and layout. The app is hosted on ArcGIS Online and GitHub so you can 1) style maps on-the-fly just by adding URL parameters or 2) if you have an existing web map or web scene, you can style (more advanced) apps step-by-step by configuring them with the new Styler template. Once styled, share your app at any time just by sharing the URL - no programming required.

Styler is built with the new ArcGIS API for JavaScript v4, Calcite Maps and Bootstrap. The application is fully responsive and supports many features of the new JavaScript v4 API such as loading 2D web maps and 3D web scenes, displaying image and vector tile basemaps, showing legend and layers, positioning widgets on the view, and searching and finding places. The app can be accessed in ArcGIS Online and ArcGIS Enterprise or downloaded and hosted locally.

How to style and share a map

  1. Open the default 2D map or 3D scene and zoom to or search for a place. e.g. "New York City"
    https://esri.github.io/calcite-maps-styler-template/index.html?webmap=default
    https://esri.github.io/calcite-maps-styler-template/index.html?webscene=default
  2. Click the Main Menu > Share, add URL style parameters and hit Enter to style your map. e.g.
    https://esri.github.io/calcite-maps-styler-template/index.html?webmap=default
    &title=New York City at Night
    &bgcolor=dark-blue
    &basemap=streets-night-vector
    &lat=40.72461
    &lon=-73.99893
    &zoom=12

     

  3. Now copy and paste the URL to share your map with others.
https://github.com/Esri/calcite-maps-styler-template

 

  • Like 2

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use.