30 open-source projects similar to tomchentw/react-google-maps, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best React Google Maps alternative.
This project is a collection of reusable components designed to integrate Google Maps into web applications built with the Angular framework. It provides a declarative interface for embedding interactive maps, allowing developers to configure map instances, markers, and overlays directly through standard framework templates and property bindings. The library distinguishes itself by wrapping imperative mapping services into a lifecycle-managed architecture. It handles the asynchronous loading of external mapping scripts and ensures that map instances and event listeners are properly cleaned up
gmaps is a library that provides a wrapper for the Google Maps API, serving as a geospatial data toolkit and interactive map renderer. It simplifies the integration of interactive maps into web applications by managing the embedding of map views and the lifecycle of markers. The project distinguishes itself through a specialized set of utilities for geocoding, which converts physical addresses to geographic coordinates and vice versa. It also includes a static map generator for creating non-interactive map images for lightweight environments. The capability surface covers geographic data vis
MapCN is a React component library that wraps MapLibre GL into declarative, composable building blocks for interactive maps. It provides a set of small, reusable components for rendering maps, placing markers, drawing routes, and clustering points, all managed through React hooks, context, and refs for state and lifecycle control. The library distinguishes itself by offering a complete set of map features as individual React components that automatically adapt to light and dark themes. It includes components for interactive map rendering with zero configuration, marker placement with popups a
Folium is a Python library that builds interactive Leaflet.js maps directly from Python data structures, enabling geographic data visualization in Jupyter notebooks or as standalone HTML pages. It creates maps centered on given coordinates with configurable zoom, tiles, and dimensions, and supports embedding those maps inside web routes for serving in browsers. The library provides a comprehensive set of tools for data-driven map creation, including choropleth maps that bind tabular data to geographic geometries, colormap application to markers and polygons, and GeoJSON data overlay and visua
This project is a utility library for the Google Maps SDK for Android, providing a suite of specialized tools for rendering geospatial data, calculating spherical geometry, and visualizing map markers and heatmaps. It serves as a helper collection to handle complex geospatial tasks within Android applications. The library features a marker clustering tool to group nearby markers into single icons and a map data visualizer for generating heatmaps based on the intensity and distribution of geographic points. It also includes a polyline encoding tool for compressing coordinate sequences into com
react-map-gl is a library of reusable components and hooks for embedding high-performance WebGL map visualizations within React applications. It provides a declarative wrapper for Mapbox GL JS, synchronizing the map state and styles with a component-based state management system. The toolkit enables the rendering of complex 2D and 3D geospatial data visualizations on map layers. It includes a framework for developing custom map components and specialized user interface elements using shared context and dedicated hooks. The library manages interactive map integration and geospatial data visua
Maplibre GL JS is a WebGL map rendering engine and vector tile map library used to create interactive web maps. It serves as a web-based GIS visualization tool and an interactive map interface framework for rendering geographic data and vector tiles on web pages. The library provides capabilities for 3D terrain rendering and the integration of custom 3D content. It supports complex geospatial data visualization through the use of heatmaps, clusters, and 3D extrusions, while allowing for custom map styling and environmental effect customization. The system covers a broad range of functional a
react-native-maps is a cross-platform mobile map component for iOS and Android that renders interactive geographic data and markers. It provides a native map view and viewport controller to manage camera movement, zoom levels, and coordinate-based animations on mobile devices. The project includes a GeoJSON map renderer for visualizing complex geographic features and an interactive map overlay library for drawing polylines, polygons, and heatmaps. It supports integration with both Google Maps and Apple Maps, allowing developers to switch between providers or apply cloud-based styling and cust
react-map-gl is a React component library for embedding and controlling Mapbox GL JS interactive maps. It serves as a high-level bridge that maps the imperative methods of the Mapbox GL JS engine to a declarative component state. The project allows for the development of custom map interfaces and geospatial data visualizations. It enables the creation of location-based web applications by providing a reusable UI element for rendering vector tiles and spatial information.
This project is a GIS component library and a React wrapper for the Leaflet mapping library. It acts as a bridge between the imperative Leaflet API and the declarative state management of React, allowing for the creation of interactive geographic maps and spatial data visualizations. The library uses a component-based architecture to render maps with markers and layers. It synchronizes the React virtual DOM with the map's internal layer registry to maintain a consistent geographic state, mapping component lifecycles to the addition and removal of map layers. The tool provides capabilities fo
Google map library for react that allows rendering components as markers :tada:
react-native-maps is a cross-platform map component and visualization library for embedding interactive maps within mobile applications on iOS and Android. It provides a declarative interface for managing geospatial user interfaces, allowing for the rendering of geographical data and location-based features. The library enables the visualization of spatial data through the placement of markers, the creation of custom callouts, and the drawing of polylines and polygons as map overlays. It supports interactive map navigation, including the ability to animate map regions and customize the visual
This project is a marker clustering plugin and map visualization tool for Leaflet. It functions as a grouping library that organizes large datasets of geographic points into clusters to reduce visual clutter and improve browser performance and readability. The library includes a marker manager that arranges overlapping points in a radial layout, ensuring individual markers sharing the same coordinates remain visually distinct and clickable. It provides capabilities for custom group iconography, geographic boundary previews for marker groups, and automated zoom adjustments to fit the bounds o
Apache ECharts is a JavaScript data visualization library used for rendering interactive charts and complex data visualizations in web browsers. It functions as a canvas-based charting engine and a statistical data visualization suite that transforms datasets into visual representations. The framework provides specialized capabilities for three-dimensional data visualization, including the generation of 3D plots and globe visualizations. It also serves as a web-based geographic mapping tool for overlaying heatmaps, routes, and data distributions onto interactive maps. The library covers a br
L7 is a WebGL-powered geospatial visualization engine and browser-based GIS engine designed for high-performance rendering of large-scale 2D and 3D spatial datasets. It functions as a geographic data visualization library that leverages hardware acceleration to display massive datasets and heatmaps within a web browser. The engine features an abstracted basemap integration layer that decouples data visualization from the underlying map provider, allowing for the use of various map providers or offline deployments. It employs a system for visual variable mapping to translate numeric and catego
google-map-react is a JavaScript library that integrates Google Maps into React applications by rendering any React component as a custom map marker. It provides direct access to the native Google Maps API internals, enabling advanced custom operations beyond standard marker placement. The library distinguishes itself by allowing fully custom interactive markers and content, replacing default Google Maps markers and balloons with React components. It supports server-side rendering so search engines can index map content without requiring JavaScript, and includes an internal algorithm for dete
maptalks.js is a JavaScript map rendering library and web map interaction framework used to render interactive 2D and 3D geographic data on a web canvas. It functions as a 3D geospatial engine supporting 3DTiles and GLTF formats, a GeoJSON visualization tool, and a spatial analysis library. The project distinguishes itself through high-performance rendering and dynamic geospatial animation, including the ability to simulate traffic flow and execute smooth visual transitions for map elements. It provides comprehensive tools for interactive geometry editing, allowing users to draw and modify ve
Datamaps is a library for generating interactive, data-driven geographic visualizations within web applications. It utilizes scalable vector graphics to render maps, allowing for precise styling and responsive resizing across different screen sizes. The library provides a declarative configuration pattern that binds custom datasets to geographic regions. This enables the creation of choropleth maps, where regions are color-coded based on statistical values, and point-based overlays that represent individual data points as interactive bubbles. Beyond basic rendering, the toolset includes capa
This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces. The library provides a specialized component suite for implementing Material Design visual and interaction specifications. It also includes dedicated integrations for embedding interactive Google Maps with geographic data overlays and integrating YouTube video players with support for deferred loading. The project covers a broad range of UI development capabilities, including the creation of accessi
Flutter_map is a cross-platform UI component designed for rendering interactive, tile-based maps and geospatial data visualizations within mobile and desktop applications. It functions as a vendor-neutral library, allowing developers to display raster map imagery from diverse providers without relying on platform-specific native map software development kits. The library utilizes a pure-widget rendering approach, drawing all map components using native framework primitives to ensure consistent visual behavior across different operating systems. It supports complex geospatial data visualizatio
Kepler.gl is a web-based geospatial visualization framework designed for rendering large-scale location datasets. It functions as a modular React mapping component that enables developers to embed interactive, high-performance geographic visualizations into web applications, serving as a comprehensive engine for building browser-based GIS dashboards. The library distinguishes itself through a highly extensible architecture that centers on centralized state management. By utilizing a predictable state-driven model, it allows for the programmatic control of map layers, filters, and viewport set
OpenLayers is a JavaScript web mapping library and WebGIS framework used for rendering interactive 2D maps and geospatial data on web pages. It serves as a geospatial data visualization tool and an open geospatial standard client for consuming standardized geographic data formats and web map services. The project provides a framework for building complex geographic information systems in the browser. It supports the development of custom map applications and the integration of geographic information system capabilities to handle spatial data and coordinates. The library covers broad capabili
Maptoposter is a geographic data visualization engine that transforms raw OpenStreetMap data into high-quality, minimalist map posters. It functions as a generator that converts complex urban layouts and transportation networks into stylized visual representations suitable for large-scale physical printing. The tool distinguishes itself through a specialized rendering pipeline that combines vector-based graphic generation with a script-aware typography engine. This allows for the automatic detection of global writing systems, ensuring that map labels are correctly formatted and spaced regardl
Prettymaps is a geospatial data visualization library designed to transform raw geographic coordinates into stylized, artistic maps. It functions as an automated generator that retrieves vector data from OpenStreetMap to create custom visualizations for any location worldwide. The library distinguishes itself through a declarative configuration system that allows users to apply consistent visual themes and design presets across different map layers. By utilizing a procedural drawing engine, it stacks geometric layers onto a coordinate-based canvas, ensuring that geographic features are render
This project is a declarative visualization library and geospatial framework designed for rendering large-scale data sets within web browsers. It functions as a high-performance graphics engine that leverages hardware acceleration to display complex 2D and 3D visual layers, enabling the visualization of millions of data points through a structured, component-based syntax. The framework distinguishes itself through its ability to synchronize custom data visualizations with third-party mapping platforms. By managing camera states and coordinate systems, it allows developers to overlay high-perf
This project is a React library for creating touch-enabled sliding views and interactive view switchers. It provides components for building content carousels and sliders that support horizontal or vertical navigation via touch, mouse swipe gestures, and keyboard inputs. The library includes a virtualized slider component that renders only visible views to maintain performance with large content sets. It supports specialized visual behaviors such as three-dimensional coverflow transitions, circular navigation for infinite looping, and edge resistance effects when reaching the boundaries of a
This C++ data visualization library is a scientific plotting framework used to create 2D and 3D charts, network graphs, and geographic maps. It operates as a multi-backend graphics library, decoupling high-level plotting logic from low-level rendering engines to support various output backends. The project distinguishes itself with a dual-interface API, providing both a global functional interface for rapid prototyping and an object-oriented interface for precise control. It features a component-based layout engine for managing tiled grids and subplots, alongside a layered plot state that all
Chartkick is a Ruby on Rails visualization library and JavaScript charting wrapper that provides a high-level interface for integrating interactive charts into web applications. It functions as a multi-engine charting adapter, wrapping various JavaScript charting libraries to provide a consistent API for rendering data visualizations. The project is distinguished by its engine abstraction, which allows users to switch between different JavaScript charting libraries without modifying the underlying data sources. It also supports asynchronous data visualization, fetching chart data from remote
pyecharts is a Python visualization library and wrapper for the Echarts JavaScript engine. It translates Python data and configurations into JSON specifications to generate interactive web-based charts and graphs. The library provides specialized capabilities for geographic data mapping using a comprehensive library of map assets to visualize spatial information. It also includes utilities to capture rasterized snapshots of rendered web visualizations for export as static image files. The tool supports rendering interactive plots directly within data science notebook environments and exporti
webgl-globe is a WebGL globe visualization library and geospatial renderer used to display latitude and longitude spatial data on an interactive 3D globe. It functions as a 3D data visualization tool that maps coordinate-based datasets into a three-dimensional environment. The library provides capabilities for interactive geographic visualization and spatial data animation, allowing for the rendering of geographic coordinates and the creation of automated motion sequences to illustrate trends or movements over time. It utilizes hardware acceleration to implement a web-based map interface, em