<h2>Overview</h2>
<p>The angular-cli-esri-map repository provides a framework for integrating the ArcGIS API for JavaScript with Angular applications. While it was initially a robust solution for developers wishing to harness geospatial capabilities within Angular, it has since been deprecated and ultimately retired as of December 2021. This shift marks a transition to using ES modules instead of traditional AMD patterns, fundamentally changing how developers can build Angular applications that leverage geospatial services.</p>
<p>As developers turn their focus towards the latest capabilities, it's essential to acknowledge the importance of this repository in its earlier iterations, especially for those still utilizing version 4.17 and earlier of the API. The repository offered an easy way to integrate geospatial visualization directly within Angular applications, bridging the gap between complex geospatial data and interactive client-side applications.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Simple Application Structure</strong>: The master branch contains a complete application example showcasing the integration of ArcGIS API with Angular, making it easy for developers to get started.</p>
</li>
<li>
<p><strong>Lazy Loading with esri-loader</strong>: Utilizes esri-loader for lazy loading of ArcGIS JavaScript API modules via CDN, promoting efficient resource management in applications.</p>
</li>
<li>
<p><strong>Support for IE11 and Edge Legacy</strong>: Version 4.17 is the last to support older browsers like IE11 and Edge Legacy, providing compatibility for legacy systems.</p>
</li>
<li>
<p><strong>Dependency on Angular CLI</strong>: Requires the latest version of Angular CLI and ArcGIS API, ensuring that users are equipped with the most up-to-date features and security.</p>
</li>
<li>
<p><strong>Build Tool Compatibility</strong>: esri-loader works seamlessly with various build tools and bundlers, offering flexibility in development workflows.</p>
</li>
<li>
<p><strong>Type Definitions Availability</strong>: Optional type definitions for better code documentation and type safety are available, aiding developers in creating robust applications.</p>
</li>
<li>
<p><strong>Open Source License</strong>: Released under the Apache License 2.0, which allows for broad use and modification as long as the terms are respected.</p>
</li>
</ul>


<h2>Overview</h2>
<p>The angular-esri-map repository, now archived, provided a collection of directives to integrate Esri maps and services into AngularJS v1.x applications. It offered compatibility with AngularJS v1.3.0 and the ArcGIS API for JavaScript v3.12 up to v3.21.</p>
<h2>Features</h2>
<ul>
<li><strong>Quick Start:</strong> Easily bring Esri maps into AngularJS v1.x applications.</li>
<li><strong>Lazy Loading:</strong> Lazy load the ArcGIS API for JavaScript to optimize performance.</li>
<li><strong>Dependencies:</strong> Requires AngularJS v1.3.0 and ArcGIS API for JavaScript v3.12 (v4.0 required for version 2.x).</li>
</ul>
<h2>Summary</h2>
<p>The angular-esri-map repository, now archived, served as a helpful resource for integrating Esri maps and services into AngularJS v1.x applications. With features like quick start guides, lazy loading capabilities, and compatibility information, developers could easily leverage the power of the ArcGIS API for JavaScript within their Angular projects. While the repository is retired, developers are encouraged to explore modern alternatives like Esri-loader and Arcgis-webpack-plugin for their mapping needs.</p>


<h2>Overview:</h2>
<p>The ArcGIS Arcade expressions repository is a collection of reusable Arcade expressions designed for various execution profiles. These expressions are organized by folders corresponding to specific profiles, allowing users to easily access and implement expressions across different contexts.</p>
<h2>Features:</h2>
<ul>
<li><strong>Reuseable Arcade Expressions:</strong> Share and maintain Arcade expressions across supported profiles.</li>
<li><strong>Organized by Execution Profile:</strong> Folders correspond to specific profiles for ease of navigation.</li>
<li><strong>Markdown Documentation:</strong> Each expression is documented in a Markdown file with descriptions, use cases, code snippets, and examples.</li>
</ul>
<h2>Summary:</h2>
<p>The ArcGIS Arcade expressions repository offers a convenient way to access and utilize reusable Arcade expressions tailored for different execution profiles. With organized folders, detailed Markdown documentation, and examples, users can easily integrate these expressions into their ArcGIS projects.</p>


<h2>Overview:</h2>
<p>Bootstrap Map JS is a light-weight extension designed for building responsive web mapping applications with the ArcGIS API for JavaScript and Bootstrap (ver 3.x). The maps created using this extension can easily adjust their size and center based on the screen size, and the pop-ups are styled to match the Bootstrap framework. It offers various features for enhanced user experience, making it a versatile tool for developers.</p>
<h2>Features:</h2>
<ul>
<li><strong>Responsive map resizing:</strong> Maps automatically resize based on the screen size.</li>
<li><strong>Auto-recentering:</strong> Maps recenter themselves as the screen size changes.</li>
<li><strong>Responsive pop-ups:</strong> Pop-ups stay within the screen view and are styled to match Bootstrap.</li>
<li><strong>Styled ArcGIS widgets:</strong> Consistent styling for ArcGIS widgets.</li>
<li><strong>Touch behavior for mobile devices:</strong> Optimized for touch interactions.</li>
<li><strong>Media queries:</strong> Responsive design elements.</li>
<li><strong>Demos with the bootstrap grid system and web components:</strong> Examples showcasing integration with Bootstrap components.</li>
<li><strong>Starter templates:</strong> Pre-designed templates for quick application development.</li>
</ul>
<h2>Summary:</h2>
<p>Bootstrap Map JS is a valuable extension for developers looking to create responsive web mapping applications that seamlessly integrate the features of the ArcGIS API for JavaScript with the Bootstrap framework. With its easy installation process and a range of features like responsive map resizing, styled pop-ups, and touch behavior optimization, Bootstrap Map JS enhances the development experience and ensures a user-friendly interface for web mapping applications.</p>


<h2>Overview</h2>
<p>This repository contains a collection of calcite components for building single-page applications. It has been deprecated and merged into @esri/calcite-components.</p>
<h2>Features</h2>
<ul>
<li>Collection of calcite components for building single-page applications</li>
<li>Provides a set of frequently asked questions for more information about these components</li>
<li>Live demo available to view the app in action</li>
</ul>
<h2>Summary</h2>
<p>The calcite-components repository is a collection of components that can be used in single-page applications. It provides a variety of features and functionality to enhance the user experience. However, please note that this repository has been deprecated and merged into @esri/calcite-components. For more information on how to install and use these components, refer to the provided documentation.</p>


<h2>Overview</h2>
<p>Calcite Bootstrap is a custom theme and build system for Bootstrap. It is based on the Calcite design framework created by Esri. This project is deprecated and not recommended for future development.</p>
<h2>Features</h2>
<ul>
<li>Custom theme based on the Calcite design framework</li>
<li>Integration of Calcite theme and build system with Bootstrap</li>
<li>Two main ways to use Calcite Bootstrap: copying compiled css files into your project or installing via npm and using a SASS build step</li>
<li>Does not include any javascript components itself, but provides a theme for Bootstrap components</li>
<li>Recommends loading Bootstrap javascript from BootstrapCDN if no build system is available</li>
<li>Installation via static files or npm</li>
<li>Easy to contribute to Calcite Bootstrap</li>
</ul>
<h3>Copying Compiled CSS Files</h3>
<ol>
<li>Download the latest release from the documentation site.</li>
<li>Move the zipped files to the desired location.</li>
<li>Refer to the documentation site and the main Bootstrap for usage instructions.</li>
</ol>
<h3>Installing via NPM with SASS Build Step</h3>
<ol>
<li>Install Calcite Bootstrap with npm by typing:</li>
</ol>
<pre><code>npm install calcite-bootstrap
</code></pre>
<ol start="2">
<li>If using sass, add the following to your load path:</li>
</ol>
<pre><code>node_modules/calcite-bootstrap/dist/sass/
</code></pre>
<ol start="3">
<li>If using gulp-sass, include this line in your gulpfile:</li>
</ol>
<pre><code>require('node_modules/calcite-bootstrap/gulpfile.js');
</code></pre>
<ol start="4">
<li>If using grunt-sass, add this to your gruntfile:</li>
</ol>
<pre><code>require('node_modules/calcite-bootstrap/gulpfile.js');
</code></pre>
<ol start="5">
<li>In your main .scss file, require the framework:</li>
</ol>
<pre><code>@import "calcite-bootstrap";
</code></pre>
<h2>Summary</h2>
<p>Calcite Bootstrap is a custom theme and build system for Bootstrap that is based on the Calcite design framework. It offers two ways to use it, either by copying compiled css files or by installing it via npm with a SASS build step. The project is deprecated and not recommended for future development.</p>


<h2>Overview</h2>
<p>Calcite Components provide a robust set of tools for building applications with a unified design system. They are ideal for developers seeking to implement clean and efficient user interfaces across various frameworks, from Angular to Vue.js. The included examples assure that users can quickly set up and experiment with these components, making it easier to familiarize themselves with Calcite's capabilities.</p>
<p>With a focus on community interaction and continuous improvement, Calcite Components are continually updated to reflect the best practices in web development. This makes them not only versatile but also reliable for long-term projects.</p>
<h2>Features</h2>
<ul>
<li><strong>Multi-Framework Support</strong>: Calcite Components offer examples in several popular frameworks like Angular, React, and Vue to facilitate integration depending on your project needs.</li>
<li><strong>Visual Studio IntelliSense</strong>: Enhance your development experience with IntelliSense support in Visual Studio Code, which streamlines component usage by suggesting attributes and properties.</li>
<li><strong>Comprehensive Theming</strong>: Pull in Calcite's global CSS file and make use of theming variables to maintain a consistent look across your application.</li>
<li><strong>Quick Start CLI Tools</strong>: Utilize framework-specific CLI tools to scaffold projects rapidly, making it easier to implement Calcite Components from the get-go.</li>
<li><strong>Continuous Updates</strong>: The repository is frequently updated, ensuring that you have access to the latest features and best practices for development.</li>
<li><strong>Community Support</strong>: Join the Calcite community to share ideas, ask questions, and collaborate with fellow developers, enhancing your learning and problem-solving experience.</li>
<li><strong>Detailed Documentation</strong>: Accompanying documentation provides step-by-step guidance for setting up and resolving issues with Calcite Components.</li>
</ul>


<h2>Overview</h2>
<p>The Calcite Design System is a robust monorepo developed by Esri, designed to streamline the creation of user-friendly applications. This design system offers a comprehensive set of tools and styles that promote a cohesive look and feel across various platforms. With a focus on enhancing user experiences and ensuring accessibility, the Calcite Design System is an ideal solution for developers looking to implement efficient and effective design principles in their projects.</p>
<h2>Features</h2>
<ul>
<li><strong>Comprehensive Package Collection</strong>: Includes a variety of pre-built components, making it easy to find and integrate the elements you need.</li>
<li><strong>Accessibility Focused</strong>: Built with accessibility in mind, ensuring all users can enjoy the applications built with this design system.</li>
<li><strong>Responsive Design</strong>: Components are designed to be fully responsive, adapting seamlessly to different screen sizes and devices.</li>
<li><strong>Customizable Themes</strong>: Offers customizable themes so developers can tailor the appearance to fit branding and user preferences.</li>
<li><strong>Documentation and Support</strong>: Extensive documentation available provides guidance and examples, along with community support for troubleshooting.</li>
<li><strong>Consistent UI Components</strong>: Delivers a set of UI components that ensure a consistent experience across applications, reducing the design effort.</li>
<li><strong>Integration Ready</strong>: Easily integrates with various development environments and frameworks, simplifying the implementation process.</li>
</ul>


<h2>Overview</h2>
<p>The Calcite Design System is a comprehensive monorepo that encompasses a collection of packages designed to streamline the development of applications using Esri’s Calcite framework. It provides a robust set of tools and components that enhance user experience while ensuring consistency in design across various platforms. This design system focuses on modularity and ease of integration, making it an excellent choice for developers looking to enhance their applications with a unified aesthetic and functional components.</p>
<p>The deployment of the Calcite Design System can significantly boost productivity, as it provides essential resources that enable developers to create visually appealing applications while adhering to best practices in design and accessibility. Its structured format allows for seamless updates and maintenance, thereby keeping projects agile and current with evolving design trends.</p>
<h2>Features</h2>
<ul>
<li><strong>Modular Architecture</strong>: Designed as a monorepo, allowing individual components to be developed, tested, and maintained independently.</li>
<li><strong>Comprehensive Component Library</strong>: Offers a diverse range of pre-built components like buttons, sliders, and modals to accelerate UI development.</li>
<li><strong>Responsive Design</strong>: Ensures that all components are fully responsive, adapting beautifully across various devices and screen sizes.</li>
<li><strong>Accessibility-Centric</strong>: Built with a strong emphasis on accessibility, providing features that meet or exceed WCAG standards.</li>
<li><strong>Customization Options</strong>: Enables developers to easily customize styles and functionalities to suit their specific project needs without extensive rework.</li>
<li><strong>Documentation &#x26; Support</strong>: Comes with extensive documentation and community support to assist developers in implementing the design system effectively.</li>
<li><strong>Performance Optimization</strong>: Focus on optimized performance, ensuring fast load times and a smooth user experience.</li>
</ul>
<p>By utilizing the Calcite Design System, developers can not only enhance the visual appeal of their applications but also ensure a more cohesive and user-friendly interaction for their end-users.</p>


<h2>Overview</h2>
<p>Calcite Maps is a theme for Bootstrap that allows users to design, style, and create modern map apps. It provides CSS classes that can be used with Bootstrap to quickly build responsive map apps with a great UI and UX. The framework is designed to work well with mapping components and provides additional features such as collapsible panels and "Full Map" mode.</p>
<h2>Features</h2>
<ul>
<li>14 different top and bottom layouts</li>
<li>Small (40px), medium (50px), and large (65px) navbar sizes</li>
<li>Dark and light color themes</li>
<li>Calcite colors</li>
<li>Extended navbar, dropdown menu, and collapsible panels</li>
<li>Dropdown menu drawer option</li>
<li>Full map view</li>
<li>Custom Sass build for Bootstrap and Calcite Maps</li>
<li>Support for ArcGIS JS 3.x, ArcGIS JS 4.x, and Esri Leaflet</li>
<li>Dojo and jQuery support</li>
</ul>
<h2>Summary</h2>
<p>Calcite Maps is a theme for Bootstrap that provides CSS classes to quickly build responsive map apps with a great UI and UX. It offers a variety of layouts, navbar sizes, color themes, and additional features such as collapsible panels and "Full Map" mode. The framework is designed to work well with mapping components and supports ArcGIS JS 3.x, ArcGIS JS 4.x, and Esri Leaflet. It also provides Dojo and jQuery support. To get started, simply build a Bootstrap HTML page, include references to Bootstrap and Calcite Maps, and apply Calcite Maps classes to style your app.</p>


<h2>Overview</h2>
<p>Calcite Web is a web design framework that enables developers to implement the Esri Brand Guidelines and the Calcite design framework for browser-based applications. Though the project is now deprecated and not recommended for future development, it remains a flexible tool for those looking to create responsive and aesthetically pleasing interfaces. Built with Sass, Calcite Web offers compatibility with both the standard Sass ruby gem and the Libsass compiler, making it accessible for a wide range of projects.</p>
<p>For developers already invested in Calcite Web, there are tools available to facilitate a smooth installation and setup process. Its contribution guidelines encourage a collaborative environment for improvements and new features, though new users should be cautious of its deprecated status.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Sass Compatibility</strong>: Calcite Web supports both the standard Sass ruby gem and Libsass compiler, making it versatile for different development environments.</p>
</li>
<li>
<p><strong>Dependency-Free JavaScript Library</strong>: The framework includes a lightweight JavaScript library that enables developers to create interactive patterns without external dependencies.</p>
</li>
<li>
<p><strong>Browser Support</strong>: Calcite Web is compatible with major browsers including IE10, IE11, Edge, Firefox, Chrome, and Safari, though users should note specifics regarding support for the last two versions of modern browsers.</p>
</li>
<li>
<p><strong>Package Manager Installation</strong>: It can be easily installed via popular package managers like NPM, streamlining the setup process for developers.</p>
</li>
<li>
<p><strong>Quickstart Guide</strong>: Calcite Web comes with a quickstart guide that helps users familiarize themselves with its features and uses right away.</p>
</li>
<li>
<p><strong>Open for Contributions</strong>: The project encourages community involvement through issues, pull requests, and other contributions, fostering a collaborative development environment.</p>
</li>
<li>
<p><strong>Comprehensive Documentation</strong>: Detailed documentation is available to assist developers in utilizing all features effectively, ensuring a smoother user experience.</p>
</li>
</ul>


<h2>Overview</h2>
<p>The Dojo Bootstrap Map JS boilerplate is a powerful tool designed for developers looking to create responsive mapping applications using the Esri ArcGIS API for JavaScript combined with Bootstrap components. This setup is particularly advantageous for mobile applications due to its lightweight design, which avoids the overhead of jQuery while maintaining a sleek and functional user interface. With easy setup steps and optimizations, this boilerplate empowers developers to deliver high-performance mapping applications efficiently.</p>
<p>Built with the best features of Dojo and Bootstrap, this boilerplate showcases how to implement AMD modules, promises, and custom builds to craft interactive maps. It allows developers to easily customize applications while benefiting from performance enhancements that significantly reduce load times. Whether you're creating a personal project or a more complex application, this boilerplate serves as an ideal starting point.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Responsive UI</strong>: Utilizes Bootstrap components for a flexible design that adapts seamlessly to mobile and desktop environments.</p>
</li>
<li>
<p><strong>Optimized Performance</strong>: A Dojo build can reduce the number of script requests by approximately 95% and script sizes by around 25%, enhancing load times.</p>
</li>
<li>
<p><strong>Simplified Setup</strong>: Easy to get started with clear instructions on downloading dependencies and building applications using Node, Bower, and Grunt.</p>
</li>
<li>
<p><strong>Custom Build Support</strong>: Offers the ability to create custom builds of the application that can be tailored to specific project needs, ensuring only necessary resources are included.</p>
</li>
<li>
<p><strong>No jQuery Required</strong>: By using Dojo, the boilerplate eliminates the need for jQuery, leading to a lighter application footprint.</p>
</li>
<li>
<p><strong>Accessibility of Example Applications</strong>: Provides a couple of demo applications built with the boilerplate, showcasing its potential and guiding users on implementation.</p>
</li>
<li>
<p><strong>Support for Community Contributions</strong>: Encourages collaboration and improvement from developers by welcoming contributions and feedback through GitHub.</p>
</li>
</ul>


<h2>Overview</h2>
<p>Yiwei Madojo-theme-flat offers a modern touch to the established Dojo dijits, dgrid, and certain ArcGIS API for JS widgets by utilizing Stylus for customization. This theme is derived from Dojo's classic Claro theme, making it a great choice for developers looking to upgrade their UI without completely abandoning familiar structures. The aim is to provide a contemporary aesthetic while enhancing functionality.</p>
<p>With a focus on ease of use and compatibility, this theme supports various components, provides clear instructions for installation, and facilitates smooth integration into existing projects. It's an excellent step forward for those seeking a sleek, user-friendly interface.</p>
<h2>Features</h2>
<ul>
<li><strong>Dojo Dijits Support</strong>: Includes styles for all "dijit/form" and "dijit/layout" components, along with other essential dijits like Dialogs and Menus.</li>
<li><strong>RTL Support</strong>: Fully supports right-to-left text layouts, making it accessible for a broader audience.</li>
<li><strong>Dgrid Styling</strong>: Offers basic styling for dgrid elements, ensuring consistent design across applications, along with compatible skins and extensions.</li>
<li><strong>Limited ArcGIS Widgets</strong>: Specifically tailored for essential ArcGIS API widgets like Zoom Slider and Legend, enhancing their visual appeal and usability.</li>
<li><strong>Iconography</strong>: Most icons are replaced with FontAwesome, offering a modern look and feel, while also using Esri's branding colors for default theming.</li>
<li><strong>Minimal Requirements</strong>: For CSS users, it requires nothing more than downloading the "CSS" folder, whereas Stylus users need Node.js and Stylus for additional customization.</li>
<li><strong>Browser Compatibility</strong>: Tested across major browsers including Chrome, Firefox, and Internet Explorer, ensuring a wide reach and usability.</li>
</ul>


<h2>Overview</h2>
<p>The enterprise-build-sample-js application provides a robust framework for developers wanting to modernize legacy applications using the ArcGIS API for JavaScript. Specifically tailored to version 4.10 of this API, the sample application demonstrates how to implement webpack to optimize and prepare an existing JavaScript application for production use. This is particularly useful for ensuring that old applications take advantage of new features and improvements in a streamlined manner.</p>
<p>By following the provided instructions, developers can easily integrate this sample into their projects, facilitating automated builds and improving overall performance. Whether you're looking to revamp a long-standing application or delve into the world of modern web application development, this sample serves as an essential starting point.</p>
<h2>Features</h2>
<ul>
<li>
<p><strong>Automated Webpack Builds</strong>: The application is formatted and designed to seamlessly integrate with automated webpack builds, which simplifies the deployment process for developers.</p>
</li>
<li>
<p><strong>Sample Webpack Config</strong>: Comes with example webpack configuration files that can be easily adapted to fit the specific needs of your applications.</p>
</li>
<li>
<p><strong>Detailed Instructions</strong>: Step-by-step guidance to help you install necessary tools, clone the repository, and run the build, ensuring a smooth setup process.</p>
</li>
<li>
<p><strong>Production-Ready Output</strong>: After executing the build process, the resulting dist directory provides a fully optimized version of the application, ready for live deployment.</p>
</li>
<li>
<p><strong>Community Contributions Welcome</strong>: Esri actively encourages contributions, fostering an environment where developers can collaborate and enhance the sample further.</p>
</li>
<li>
<p><strong>Comprehensive Licensing</strong>: Licensed under the Apache License 2.0, the framework ensures that users can utilize and modify the software while adhering to clear legal terms.</p>
</li>
</ul>


<h2>Overview</h2>
<p>Esri Loader is a lightweight and efficient library designed specifically for loading ArcGIS API for JavaScript modules in non-Dojo applications. This tool simplifies the integration of powerful mapping and geospatial features into various applications without the additional overhead of Dojo. In an increasingly data-driven world, having the ability to seamlessly incorporate geographic information systems (GIS) can greatly enhance the functionality and user experience of web applications.</p>
<p>By utilizing Esri Loader, developers can easily manage and load the required ArcGIS modules, ensuring optimal performance and a streamlined development process. This library is particularly valuable for those looking to harness the comprehensive capabilities of the ArcGIS API while maintaining a clean and flexible application structure.</p>
<h2>Features</h2>
<ul>
<li><strong>Lightweight Library</strong>: Esri Loader is designed to be minimal and efficient, keeping the load times fast and the overall application performance high.</li>
<li><strong>Non-Dojo Compatibility</strong>: Unlike many other solutions, this library allows developers to use the ArcGIS API in applications that do not utilize the Dojo framework, broadening the range of potential use cases.</li>
<li><strong>Dynamic Module Loading</strong>: It facilitates the dynamic loading of ArcGIS modules as needed, ensuring that your application only loads what is essential at any given time.</li>
<li><strong>Improved Development Workflow</strong>: By streamlining the process of including GIS functionality, developers can focus more on building features rather than on complex module management.</li>
<li><strong>Asynchronous Support</strong>: Esri Loader supports asynchronous module loading, which enhances the responsiveness of applications by preventing UI-blocking behaviors during load times.</li>
<li><strong>Simplified Configuration</strong>: The library provides straightforward configuration options, allowing developers to easily set up and customize their mapping solutions without extensive boilerplate code.</li>
<li><strong>Robust Community Support</strong>: Being part of the Esri ecosystem means there is a wealth of community resources and documentation available to assist developers in making the most out of their GIS projects.</li>
</ul>


<h2>Overview</h2>
<p>The HTML5 Geolocation Tool is an innovative solution designed for testing and utilizing browser-based geolocation capabilities across various devices. This tool is particularly beneficial for developers and field workers looking to understand the intricacies of geolocation APIs and enhance their applications with location-tracking features. Whether you're on a desktop, a mobile browser, or even embedded within a PhoneGap project, this tool provides the essential functionalities to experiment with geolocation settings and improve the accuracy of location-based services.</p>
<p>With two distinct applications included, users can gain valuable insights into geolocation properties, simulate different scenarios, and analyze location tracking effectively. The tool not only showcases the technical aspects of geolocation but also offers practical applications that can significantly aid field-related work.</p>
<h2>Features</h2>
<ul>
<li><strong>Location Display</strong>: Visualizes your current location on a map for easy identification.</li>
<li><strong>Geolocation Properties</strong>: Shows detailed HTML5 geolocation properties like latitude, longitude, and timestamps.</li>
<li><strong>Scenario Configuration</strong>: Allows users to test different geolocation scenarios by modifying properties through the Settings menu.</li>
<li><strong>Accuracy Circle</strong>: Displays a geolocation accuracy circle, providing instant feedback on location reliability.</li>
<li><strong>Visual Cues</strong>: Utilizes a color-coded system (green, yellow, red) to indicate the quality of the current location.</li>
<li><strong>Averaged Center Location</strong>: Calculates and displays the averaged center of multiple location points with corresponding latitude and longitude.</li>
<li><strong>Accumulated Points</strong>: Keeps track of location points to help in analyzing data and enhancing accuracy.</li>
<li><strong>Adjustable Post-Processing</strong>: Offers the flexibility to adjust the number of locations considered for post-processing, aiding in fine-tuning location accuracy.</li>
</ul>
<p>The HTML5 Geolocation Tool is an essential resource for harnessing the power of location data and ensuring your applications are equipped with high-performance geolocation functionalities.</p>


<h2>Overview</h2>
<p>The react-arcgis library, although archived since July 2022, has served as a useful tool for developers seeking seamless integration of the ArcGIS API for JavaScript within their React applications. It provided several ready-to-use components such as <code>&#x3C;Map /></code>, <code>&#x3C;Scene /></code>, <code>&#x3C;WebMap /></code>, and <code>&#x3C;WebScene /></code>, which allowed users to work effectively with geographic data. While the library is no longer actively maintained, it paved the way for more modern approaches to incorporate GIS capabilities in React environments.</p>
<p>For developers who might be looking for alternatives, the modern landscape offers compelling options like <code>@arcgis/core</code> and <code>esri-loader</code>, which streamline the usage of the ArcGIS API within React applications efficiently. This shift encourages developers to adopt updated practices and utilize the latest tools suitable for building contemporary applications.</p>
<h2>Features</h2>
<ul>
<li><strong>Ready-to-Use Components</strong>: Includes essential components such as <code>&#x3C;Map /></code> and <code>&#x3C;Scene /></code> that facilitate quick integration of GIS functionalities.</li>
<li><strong>Lazy Loading with esri-loader</strong>: Efficiently loads ArcGIS API modules only when needed, optimizing performance and reducing initial load times.</li>
<li><strong>Customizable Properties</strong>: Easily modify styles and pass specific properties into components using <code>viewProperties</code> and <code>mapProperties</code> for tailored geographic displays.</li>
<li><strong>Error Handling</strong>: Provides <code>onLoad</code> and <code>onFail</code> handlers to manage the loading state of maps and handle errors gracefully.</li>
<li><strong>Support for Webmaps and Webscenes</strong>: Directly integrate webmaps and webscenes from ArcGIS Online for enhanced dynamic capabilities in applications.</li>
<li><strong>Advanced Configuration Options</strong>: Customize the behavior of esri-loader to suit specific project requirements, promoting flexibility in API integration.</li>
<li><strong>Browser Compatibility Support</strong>: Offers guidance on implementing polyfills for environments lacking native promise support, ensuring broader browser compatibility.</li>
</ul>


<h2>Overview</h2>
<p>The ArcGIS JS API 4.x / React / Redux Boilerplate offers an efficient foundation for developers looking to create web applications that utilize ArcGIS functionality. By integrating popular frameworks like React and Redux, this boilerplate simplifies the process of building dynamic, event-driven web applications centered around geography and spatial data visualization. The included example application demonstrates a neat sun position slider within a web scene, showcasing the capabilities of this powerful setup.</p>
<p>This boilerplate is particularly useful for developers who want to leverage modern web technologies while integrating advanced spatial features. With built-in support for Redux middleware and development tools, it sets the stage for creating scalable and maintainable applications.</p>
<h2>Features</h2>
<ul>
<li><strong>ArcGIS JS API 4.x</strong>: Seamlessly integrate with the latest version of ArcGIS's JavaScript API to enrich your web applications with mapping and spatial analysis capabilities.</li>
<li><strong>React &#x26; Redux</strong>: Employ React for building user interfaces and Redux for managing application state, allowing for a clean separation of concerns and predictable state management.</li>
<li><strong>Redux Thunk Middleware</strong>: Utilize Redux Thunk to handle asynchronous actions, making it easier to manage side effects within your application.</li>
<li><strong>ArcGIS Authentication</strong>: Simplifies the login process with a dedicated middleware for Portal authentication, enhancing security and user experience.</li>
<li><strong>SceneView Integration</strong>: Easily display a SceneView with an interactive WebScene, complete with selection handling and environment changes, all managed through Redux.</li>
<li><strong>Redux DevTools Extension</strong>: Monitor state and actions live during development, providing invaluable insight into application behavior and making debugging more efficient.</li>
<li><strong>Hot Module Replacement</strong>: Enjoy a smooth development experience with automatic updates of components or reducers without losing application state, allowing for real-time adjustments.</li>
<li><strong>Comprehensive Testing</strong>: Ensure code quality with built-in test support using Jest and Enzyme, allowing developers to write robust tests for their application logic.</li>
</ul>


Esri

Angular Cli Esri Map

Angular Esri Map

Arcade Expressions

Bootstrap Map Js

Calcite App Components

Calcite Bootstrap

Calcite Components Examples

Calcite Design System

Calcite Design System

Calcite Maps

Calcite UI Kits

Calcite Web

Dojo Bootstrap Map Js

Dojo Theme Flat

Enterprise Build Sample Js

Esri Loader

Esri.github.io

Html5 Geolocation Tool Js

React Arcgis

React Redux Js4