suncalc
maplibre-gl-js
Our great sponsors
suncalc | maplibre-gl-js | |
---|---|---|
8 | 55 | |
2,992 | 5,712 | |
- | 3.6% | |
0.0 | 9.9 | |
about 1 year ago | 6 days ago | |
JavaScript | TypeScript | |
BSD 2-clause "Simplified" License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
suncalc
-
Show HN: Color-scheme-switcher: auto/manual color scheme toggling in React
A really simple, small package to manage React context around color scheme toggling. Specifically, you can switch color scheme manually or automatically, and if the latter you can follow either the system color scheme or the sun.
I based some of this code heavily on a couple Mantine (https://mantine.dev/) hooks and Suncalc (https://github.com/mourner/suncalc), but modified them to either make them simpler and/or, in Suncalc's case, typed.
This is my first open-source package in a while, so I'd greatly appreciate any constructive suggestions! I have been using some form of this in my own projects and figured, when I added it to the most recent one, I should just extract it into its own project. I'm hoping something small like this will motivate me to do more open-source work because I miss it!
-
Show HN: Visualize your day as 144 rectangles
It would be fun to see this with local daylight hours mapped to the squares, so I could get a feel for where my consumption is at within "daylight" vs the whole "day"
SunCalc is a good tool for this, if you're interested: https://github.com/mourner/suncalc
(I've used it on a personal project, and the API was a little awkward but the results are good: https://daylight.website/)
-
How to determine exactly where the sun rises and sets based on latitude
If you want to do some coding for your website, here is the ready-made javascript for calculating what you want about Sun and Moon: Sun and Moon almanac
-
[OC] How long are the nights in Stockholm, New York City, Moscow, Sydney, Jakarta, Reykjavik, Rio de Janeiro, Wellington etc. ? (30 selected cities)
tool: d3.js data: SunCalc the inspiration came from these sunrise and sunset visualizations
-
How to base things from solar noon, or other inputted target time?
Recently I have made a library doing this for myself. Basicly, I re-wrote this Javascript library in C++ for use with microcontrollers: https://github.com/mourner/suncalc
-
Offline version of suncalc.org on pc ?
you need a bit of IT skills wth https://github.com/mourner/suncalc
-
Does adaptive lighting work the way you expected?
I ignore the sunrise/set properties of the Hue bridge. All the calculations are done on the board itself, so it doesn't need an internet connection to keep working. I used the javascript code here https://github.com/mourner/suncalc as a starting point and translated it to c++ to run on an microcontroller.
-
Ask HN: What Are You Working On?
Suncalc [1] is the library I use to calculate the position of the sun. Mapzen [2] host public elevation tile data. This blog post [3] is a good overview of the calculations involved.
[1] https://github.com/mourner/suncalc
[2] https://www.mapzen.com/blog/terrain-tile-service/
[3] http://www.liedman.net/2014/06/25/sunshine/
maplibre-gl-js
-
Protomaps β A free and open source map of the world
(.shp .gpkg ...) | ogr2ogr -> .geojson | tippecanoe -> .pmtiles
for OpenStreetMap data there's planetiler[4], and and openmaptiles[5] styles that work with Maplibre
with those combinations you've got a great start to something you can host for pennies on AWS S3+CloudFront or Cloudflare R2, with an open source data pipeline
[1] https://maplibre.org/
- GPSJam: Daily maps of possible GPS interference
-
Building a Map Application with MapLibre GL JS and Svelte
MapLibre GL JS v3.3.1
-
New Map APIs from Google
Does anyone else have a solution for the satellite layer? I was using MapLibre [0] then needed direct-on-the-ground images which made me convert to Google Maps.
[0] https://maplibre.org/
- The OpenTF Manifesto
-
Use 3D map library with API key function of Amazon Location Service
When using the Amazon Location Service, I recommend MapLibre GL JS, which I introduced in my previous article, "Amazon Location Service and AWS Amplify to Use Various Map Library," but you can also use any map library you like, including iTowns this time. I hope you will choose the map library of your choice, including iTowns!
-
Using Lidar to map tree shadows
Your browser has a very powerful image decoder built into it, offloading the PNG decoding into Javascript is very resource hungry.
Using maplibre (or any map viewer) you can load blobs of image data out of a tiff and use `Image` or `Canvas` to render the data onto a map.
Its even easier if the tiffs are already Cloud optimized as they perfectly align to a 1-to-1 map tile and they don't need to be rescaled, you can then just render the images onto the map. eg here is a viewer that loads webps out of a 15GB tiff and uses Canvas to render them onto a map [1]
Unless you are trying to layer all your maps together, you also could stop reprojecting them into webmercator, or if your goal is to layer them, then storing them in webmercator would save a ton of user's compute time.
There are a bunch of us that talk web maping and imagery in the #maplibre and #imagery slack channels in OSMUS's slack [2]
[1] https://blayne.chard.com/cogeotiff-web/index.html?view=cog&i...
[2] https://github.com/maplibre/maplibre-gl-js#getting-involved
- Apache Baremaps: online maps toolkit
-
[OC] A new map of GitHub made from 350M stars, shows 460,000 projects
The map is rendered by https://maplibre.org/, you can see how it is used here https://github.com/anvaka/map-of-github
-
[OC] I made a map of GitHub. It lets you find related projects with ease
Kudos to https://maplibre.org/ - amazing library
What are some alternatives?
procedural-gl-js - Mobile-first 3D mapping engine with emphasis on user experience
Leaflet - π JavaScript library for mobile-friendly interactive maps πΊπ¦
mapbox-gl-js - Interactive, thoroughly customizable maps in the browser, powered by vector tiles and WebGL
dflex - The sophisticated Drag and Drop library you've been waiting for π₯³
OpenLayers3 - OpenLayers
Oat++ - π±Light and powerful C++ web framework for highly scalable and resource-efficient web application. It's zero-dependency and easy-portable.
leaflet-geoman - ππΊοΈ The most powerful leaflet plugin for drawing and editing geometry layers
cratetorrent - A BitTorrent V1 engine library for Rust (and currently Linux)
folium - Python Data. Leaflet.js Maps.
CoinBLAS - Bitcoin blockchain graph analysis with the GraphBLAS.
ol-mapbox-style - Use Mapbox Style objects with OpenLayers