Comments (5)
I can replicate locally by downloading this DB: https://git-history-demos.datasette.io/ca-fires.db
from datasette-cluster-map.
After messing around with console.log()
a bit I'm suspicious that this line isn't working correctly in this case:
Bounds in question for that first page load are:
{
"_southWest": {
"lat": 32.578481,
"lng": -1191414610
},
"_northEast": {
"lat": 41.927772,
"lng": -115.917099
}
}
from datasette-cluster-map.
It's definitely a bounds issue. Here are bounds that DO work, copied from a page that displays correctly:
theMap.fitBounds([
[41.86889,-116.9075],
[32.75277778,-123.88658]
])
Running that on the empty map page that is meant to be showing 250 items zooms into California and makes the items visible.
from datasette-cluster-map.
Looking closer at the bad bounds example shows what's happening:
"_southWest": {
"lat": 32.578481,
"lng": -1191414610
},
That Longitude is missing its decimal point! So there's a corrupt record in this database which causes the map to fail to load.
from datasette-cluster-map.
One easy fix would be to not attempt to include a marker for any locations where the latitude or longitude are outside of normal -90 < latitude < 90 and -180 < longitude < 180 limits
from datasette-cluster-map.
Related Issues (20)
- Easy way to click a table row and see it on the map
- Support for multiple lat/lon columns HOT 1
- [object Object] displayed for labels HOT 1
- Depend on datasette-leaflet HOT 1
- Feature request: resize the map or pop it out HOT 2
- Feature request: render-images in pins HOT 3
- small maps using docker
- Loading gif or message
- Clustermap misinterprets SQL calculations
- Cluster-map not showing HOT 5
- Create cluster count based on the value of a column
- Pick up more name pairs, e.g. `long,lat` HOT 8
- <button class="cluster-map-button">load all</button> does not show in Datasette 1.0 alpha HOT 2
- Compatibility with Datasette 1.0 alphas HOT 1
- This should work on both Datasette 1.0 and 0.x HOT 5
- Update Stamen example in README HOT 3
- Rogue print statement
- Kepler.gl - any chance we can revise to use this as a backend HOT 1
- Labels on maps render very small HOT 21
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from datasette-cluster-map.