JavaScript Mapbox

Open-source JavaScript projects categorized as Mapbox

Top 17 JavaScript Mapbox Projects

  • mapbox-gl-js

    Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL

    Project mention: [OC] 20 years of forest loss in South East Asia - INTERACTIVE | reddit.com/r/dataisbeautiful | 2023-02-01
  • gray-matter

    Smarter YAML front matter parser, used by metalsmith, Gatsby, Netlify, Assemble, mapbox-gl, phenomic, vuejs vitepress, TinaCMS, Shopify Polaris, Ant Design, Astro, hashicorp, garden, slidev, saber, sourcegraph, and many others. Simple to use, and battle tested. Parses YAML by default but can also parse JSON Front Matter, Coffee Front Matter, TOML Front Matter, and has support for custom parsers. Please follow gray-matter's author: https://github.com/jonschlinkert

    Project mention: Create your own blog with MDX and NextJS | dev.to | 2022-12-05

    In this article we walk you through the process of creating a simple blog app using the popular React framework NextJS, gray-matter and next-mdx-remote.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • leaflet-geoman

    🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers

    Project mention: Wanting to put a collaborative map on our organizations website. That logs who does what actions, but allows for members to place pins and make comments about places. We are all tour guides | reddit.com/r/WebdevTutorials | 2022-11-06

    This project was a react app using Leaflet for the map and https://github.com/geoman-io/leaflet-geoman for the advanced line drawing tools. Unfortunately all that was ever used by the client was pins … we do cluster them however.

  • leaflet-locatecontrol

    A leaflet control to geolocate the user.

    Project mention: GeoServer enabling https | reddit.com/r/gis | 2022-11-20

    I have been working with GeoServer well in 8080 and have now started working on getting a web application built in Leaflet. A main component I want is location tracking/identification. I have been following this video tutorial for the following plugin info. I was able to get the "my location" button to add to map successfully, but receive the following error: "Geolocation error: Only secure origins are allowed".

  • react-map-gl

    React Component Library for Mapbox GL JS (by urbica)

  • maps

    🌍🌏🌎 The whole world fits inside your cloud! (by nextcloud)

  • mapping

    OpenStreetMap contributions from the data team at Mapbox

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

  • gfw

    Global Forest Watch: An online, global, near-real time forest monitoring tool

    Project mention: Scientists say planet in midst of sixth mass extinction, Earth's wildlife running out of places to live | reddit.com/r/worldnews | 2023-01-04
  • dekart

    GIS Visualisation for Amazon Athena and BigQuery

  • dji-aerial-georeferencing

    Detect objects in drone videos and plot them on a map

    Project mention: Calculate angular distance between two pixels | reddit.com/r/computervision | 2022-11-26

    Yeah that’s pretty much it. I wrote about something similar for translating pixel coordinates from drone videos to GPS coordinates: https://blog.roboflow.com/georeferencing-drone-videos/

  • vue-mapbox-map

    A minimalist Vue component wrapping Mapbox GL or MapLibre GL for dynamic interaction!

  • elements-x

    Collection of Customizable Custom Elements

  • drone-air-mission-planning

    This application helps you to create a route plan for your drone, you can create points, lines, and circles and with the help of the backend you can get geojson for all points.

  • use-mapbox-gl

    mapbox-gl react hook

  • kartpool-boilerplate

    Boilerplate code for Kartpool - A Community-driven delivery platform for the ones who need it the most.

  • mapbox-gl-ogc-feature-collection

    A small package for requesting geojson from an OGC Feature API endpoint to serve tiles in MapBox/MapLibre.

    Project mention: mapbox-gl-ogc-feature-collection - A small package for requesting geojson from an OGC Feature API endpoint to serve tiles in MapBox/MapLibre. | reddit.com/r/gis | 2022-09-13

    mapbox-gl-ogc-feature-collection is a map rendering plugin that allows you to render data from an OGC Features API endpoint in a tiled format. This is useful if you are connecting to larger endpoints that may have 1,000 + features. By default, you can make a single api call and load everything onto the map as geojson. This is not effective for larger datasets, so I went ahead and created this plugin to help render the data into tiles. I added a demo in the repo where you can see the plugin in action pulling in geojson as tiles. If you wanted to use this on your own project, you can install the package via npm, and follow the code snippet below.

  • TemperatureMap

    Tutorial for creating a temperature map with Mapbox and OpenWeatherMap

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-02-01.

JavaScript Mapbox related posts

Index

What are some of the best open-source Mapbox projects in JavaScript? This list will help you:

Project Stars
1 mapbox-gl-js 9,515
2 gray-matter 2,983
3 leaflet-geoman 1,763
4 leaflet-locatecontrol 664
5 react-map-gl 394
6 maps 387
7 mapping 232
8 gfw 230
9 dekart 131
10 dji-aerial-georeferencing 84
11 vue-mapbox-map 31
12 elements-x 21
13 drone-air-mission-planning 9
14 use-mapbox-gl 5
15 kartpool-boilerplate 2
16 mapbox-gl-ogc-feature-collection 1
17 TemperatureMap 0
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com