Comments (13)
We can add support to allow radius defined based on real-world distances (e.g. 10km radius).
Though I have to deprioritize this for now, at least after the full geoJson geometry type support.
but PR is always welcomed : )
from deck.gl.
@gnavvy ScatterPlotOverlay should redraw if the radius option changes, right? Can't seem to get that to work.
from deck.gl.
depends. the default radius will scale with the zoom (derived from a ∆latitude) but for now if you pass in your own radius, it will override the default one.
https://github.com/uber/deck.gl/blob/master/src/layers/scatterplot-layer/scatterplot-layer.js#L133
from deck.gl.
@gnavvy Default radius doesn't seem to be scaling right.
from deck.gl.
could you elaborate on what is the problem with the scaling? the radius was defined to be approximately the same with the street size (bottom image) but became larger (top image) than expected when zoom in?
from deck.gl.
@gnavvy Looks fine on lower zoom levels, but on higher zoom levels the dots become extremely large and eventually obscure the entire viewport.
This is with a ScatterplotLayer that has no radius parameter given, so being calculated here: https://github.com/uber/deck.gl/blob/master/src/layers/scatterplot-layer/scatterplot-layer.js#L138-L144
Here's what I'm trying to achieve:
from deck.gl.
I see, so basically a maximum radius to prevent the points from getting too large.
will add the support together with #54
from deck.gl.
we might have to add more thorough solutions to allow radius:
- with constant screen size;
- with constant geo-distance;
- scales with zoom;
- scales with zoom + with max screen size;
for now, specifying both global radius at layer level and radius at per item level will lead to radius with constant screen size.
from deck.gl.
Specifying both global radius at layer level and radius at per item level used to give a radius with a constant screen size, but after I updated to the newest version, this doesn't seem to be working.
from deck.gl.
I ended up using the code outlined here to normalize the radius if anyone else is needing this: http://stackoverflow.com/questions/30703212/how-to-convert-radius-in-metres-to-pixels-in-mapbox-leaflet
from deck.gl.
@Vednus This should not be needed.
I think there is a difference between Scatterplot and Scatterplot64. The 32 bit version should behave correctly (i.e the radius should be in item radius * layerRadius
meters, the latter hasn't been updated completely.
Can you confirm which layer you are using?
We've gotten some feedback that the docs need improving in this regard as well (scatterplot radius handling and interaction between props and accessor etc).
@manassra @shaojingli
from deck.gl.
I'm using the 32 bit version via import { ScatterplotLayer } from 'deck.gl'
so I guess it's not behaving correctly...
from deck.gl.
Tracked in #264
from deck.gl.
Related Issues (20)
- [Bug]: Icon is not showing HOT 3
- [Bug] v9.0 TerrainExtension picking wrong object
- [Bug]Using @deck.gl/[email protected]: When using the map.remove(layer) method, the page goes blank.
- [Feat] any plan to move bezier layer to layers folder? HOT 4
- [Bug] Filter extension soft range unexpected behavior HOT 1
- [Bug] Layer is not cleared when data is empty with version 9 HOT 2
- Add MapTiler in Supported Base Maps [Doc] HOT 10
- [Bug] ScreenGridLayer docs point at incorrect library
- [Bug] autoHighlight on a TileLayer with multiple sub layers HOT 1
- [Bug] Error: Tile3DLayer: Failed to render layer of type cmpt HOT 2
- [Doc] @deck.gl/mapbox description needs to be fixed?
- [Feat] Add a viewport buffer around TileLayer
- [Feat] Simplified peerDependencies policy HOT 7
- [Bug] getPickingInfo doesn't work with Map/Set data HOT 4
- [Bug]Using @deck.gl/[email protected]: deck.getTooltip({object}) the parameter object is undefined.
- Warning message from @luma.gl HOT 1
- [Doc] OpenLayers example HOT 1
- [Feat] Specify clearColor per view HOT 4
- [Bug] HeatmapLayer breaks when used with DataFilterExtension and other extensions
- [Bug] cannot reference the same b3dm HOT 1
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 deck.gl.