GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → benjamintd → Benmaps.fr

benjamintd / Benmaps.fr

Licence: mit
Web maps that don't track you.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxmapsgoogle-mapsgeocodingmapboxwikidata

Projects that are alternatives of or similar to Benmaps.fr

svelte-mapbox
MapBox Map and Autocomplete components for Svelte (or Vanilla JS)
Stars: ✭ 267 (+81.63%)
Mutual labels:  geocoding, maps, google-maps, mapbox
Sketch Map Generator
Sketch plugin to fill a shape with a map generated from a given location using Google Maps and Mapbox
Stars: ✭ 824 (+460.54%)
Mutual labels:  google-maps, mapbox, maps
google maps
🗺 An unofficial Google Maps Platform client library for the Rust programming language.
Stars: ✭ 40 (-72.79%)
Mutual labels:  geocoding, maps, google-maps
country-bounding-boxes
A list of ISO 3166-1 country codes and their bounding boxes.
Stars: ✭ 26 (-82.31%)
Mutual labels:  geocoding, google-maps, mapbox
Google Maps
Google Maps Web Services API wrapper for .NET
Stars: ✭ 171 (+16.33%)
Mutual labels:  google-maps, geocoding, maps
Eon Map
Realtime maps with PubNub and MapBox.
Stars: ✭ 121 (-17.69%)
Mutual labels:  google-maps, mapbox, maps
Gmaps
Google maps for Jupyter notebooks
Stars: ✭ 705 (+379.59%)
Mutual labels:  google-maps, maps
Use Places Autocomplete
😎 📍 React hook for Google Maps Places Autocomplete.
Stars: ✭ 739 (+402.72%)
Mutual labels:  google-maps, geocoding
Mapbox Gl Native Android
Interactive, thoroughly customizable maps in native Android powered by vector tiles and OpenGL
Stars: ✭ 135 (-8.16%)
Mutual labels:  mapbox, maps
Tilehut
A modest, but cozy home for your map tiles
Stars: ✭ 132 (-10.2%)
Mutual labels:  mapbox, maps
Mapbox Gl Native
Interactive, thoroughly customizable maps in native Android, iOS, macOS, Node.js, and Qt applications, powered by vector tiles and OpenGL
Stars: ✭ 4,091 (+2682.99%)
Mutual labels:  mapbox, maps
Mapme
The Android maps adapter
Stars: ✭ 844 (+474.15%)
Mutual labels:  mapbox, maps
Leaflet Geoman
🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers
Stars: ✭ 1,088 (+640.14%)
Mutual labels:  google-maps, mapbox
Leku
🌍 Map location picker component for Android. Based on Google Maps. An alternative to Google Place Picker.
Stars: ✭ 612 (+316.33%)
Mutual labels:  google-maps, maps
Flask Googlemaps
Easy way to add GoogleMaps to Flask applications. maintainer: @RiverFount
Stars: ✭ 550 (+274.15%)
Mutual labels:  google-maps, maps
Jquery Store Locator Plugin
A store locator plugin using Google Maps API version 3
Stars: ✭ 471 (+220.41%)
Mutual labels:  google-maps, maps
Maplace.js
A Google Maps Javascript plugin for jQuery.
Stars: ✭ 1,021 (+594.56%)
Mutual labels:  google-maps, maps
Examples
Self-contained examples for the legacy Maps API for JavaScript.
Stars: ✭ 78 (-46.94%)
Mutual labels:  geocoding, maps
Making Maps With React
🌐 Example React components for React-Leaflet, Pigeon Maps, React MapGL and more
Stars: ✭ 66 (-55.1%)
Mutual labels:  google-maps, maps
Mobile Sdk
CARTO Mobile SDK core project
Stars: ✭ 116 (-21.09%)
Mutual labels:  geocoding, maps
View All Similar Projects ➔

Build Status

Ben Maps

Web maps that don't track you

Screen shot

Why this project?

My day job involves maps. Lots of them. Yet I still open Google Maps on the web whenever I look for a place or need traffic directions. My goal was to create a web interface with enough features to be able to switch my personal usage to it completely, using Mapbox APIs. I wanted to show that it's possible to build a great map experience assembling Mapbox legos, in the open, without any tracking.

Tech

This project was bootstrapped with create-react-app.

I'm using Redux to manage the state, with a middleware component (the api-caller) responsible for all the asynchronous calls.

I use Assembly.css for styling, which shrinks the main CSS code below 60 lines.

The search bar is a fork from react-geocoder, with minor tweaks to be better integrated in the app. When available, additional POI information is retrieved from Wikidata (images, phone numbers, websites, etc.).

The directions are powered by the Directions Traffic API. It leverages anonymous data from millions of users to provide the freshest live traffic information, in order to route you around traffic and give you the best ETAs.

Deployment

This app is deployed with Now.

Map Style and sprites

The sprites and glyphs are hosted on the Mapbox infrastructure.

What's next?

  • Adding tests, I've been lazy
  • More traffic-related features
  • Turn-by-turn directions
  • Ads (just kidding)
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].