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! Learn more →
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
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!
-
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.
-
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".
-
-
-
-
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.
-
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
-
-
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!
-
-
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.
-
-
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-13mapbox-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.
-
-
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
- Scientists say planet in midst of sixth mass extinction, Earth's wildlife running out of places to live
- How hard would it be to use imagery to identify old growth forests of a specific tree species?
- Casi 15 millones de hectáreas de bosque arrasadas: así devasta la agroganadería la cuenca del Paraná
- Getting Started with MapLibre GL JS
- I know I sound dumb but can any one explain how at 40 degrees triggered fire in Europe while the same doesn't happen in UAE where temperatire goes as high as 52
- What are your thoughts on the Provincial Wolf Cull program?
- Weekly Entering & Transitioning Thread | 06 Mar 2022 - 13 Mar 2022
-
A note from our sponsor - Appwrite
appwrite.io | 1 Feb 2023
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