Esri Polymer

Overview

Esri Polymer is an innovative project that transforms Esri ArcGIS JavaScript web maps and related elements into reusable web components. By leveraging Google's Polymer library, it allows developers to construct declarative web maps with simple HTML syntax. This empowers users to create dynamic, responsive maps seamlessly integrated into their applications.

The project also demonstrates how to utilize Polymer's advanced features, such as variable observation and two-way data binding. A notable example is the observation of the zoom level and extent, allowing real-time updates on map inputs. Additionally, it supports feature layers with user-friendly popups, enhancing the map interaction experience.

Features

• Web Map Component: The esri-map component accepts attributes like basemap, zoom, centerLng, centerLat, and webMapId, allowing for flexible map generation from an existing web map.
• Feature Layer Support: Utilize the esri-featurelayer to easily include feature services in your maps, enhancing the data visualization capabilities with effective popups.
• Custom Markers: The esri-marker component allows for precise placement of markers on the map with attributes for latitude and longitude, making it simple to highlight key locations.
• Dynamic Title and Content: Customize content within markers using esri-marker-title and esri-marker-content, which accept text directly between tags for easy integration.
• Live Demo Availability: A live demo is provided for users to explore the full capabilities of Esri Polymer, enabling hands-on experience with minimal setup.
• Open for Contributions: The project encourages community involvement, allowing users to submit bugs or feature requests, fostering an inclusive development environment.
• Comprehensive Documentation: Includes references to Polymer documentation and guides for web components, ensuring that users have access to the necessary resources for effective implementation.