Vector tiles support on keppler.gl - reactjs

I am trying to use kepler as a viewer for my new application.
I’ve been scanning your redux app structure, so, I eventually realised there’s no easy way to create a custom reducer to load PBF vector tile layers, I’ve seen few commits working with pbf load on your git repositories so I’d wonder to know if there will be a future version supporting this functionality on kepler (deck already works with vector tiles), so in that case, if there is any release date for that.
Kind regards and thank you all.

One solution to your problem could be to add the vector tile layers to your Kepler.gl viz as a map style from your custom tileset created using Mapbox Studio. Once you create a style with a Mapbox GL Layer based on your custom tileset, you could use the custom Style URL as the map in your Kepler.gl viz.

Related

First steps in mapbox

Good morning, I have been researching the mapbox tool for a short time and I have some initial doubts. I would appreciate if you could guide me. You will find the first one very basic: with mapbox studio we only create the styles that we are going to use later in mapbox GL?
How do I publish a GL mapbox javascript code on a web page, is there a possibility to package it in an iframe?
What is the difference between Datasets and Tilesets? In the documentation I have read that from Datasets Studio you can only upload 5MB files, to upload larger files you have to convert them into Tilesets. I have also read that Tilesets are a kind of raster data.
Those are my first questions about mapbox. Thank you very much in advance
With mapbox studio we only create the styles that we are going to use later in mapbox GL?
Yes - think of Mapbox Studio as "photoshop for maps" where you can design a map style for a variety of uses.
How do I publish a GL mapbox javascript code on a web page, is there a possibility to package it in an iframe?
You can wrap your mapbox code in a script tag in your html doc for a simple implementation - check out this demo.
It is also possible to package it in an iframe - Mapbox Studio can generate that code for you.
What is the difference between Datasets and Tilesets?
A Dataset is a collection of geojson features that you can edit individually. This is often something like a defined set of points with additional data attributes that you've uploaded. You can plot points directly on a map canvas, but will quickly hit performance limitations.
A Tileset is a collection of geojson, raster, or vector data contained in a uniform grid of "tiles" that are optimized for production maps. It's how Mapbox can load the data around the viewpoint without needing to load the entire world at once. Mapbox Studio allows you to export datasets as tilesets for use in a map as a separate layer.

Is it possible to make interactive image editor in Ext JS 6.0?

Since I am a beginner in Ext JS, I was wondering whether it is possible to develop interactive image editor where user can do following things :
Add/remove custom shapes over canvas using drag and drop
Edit: resize, rotate, crop, etc.
Group/Ungroup shapes that are present on canvas
Perform operations at pixel level
etc.
I know, libraries like 'fabric.js' provide these features. Is it possible (and easy) to implement those features without using 'fabric.js' in Ext JS ? I see, there is an API class Ext.draw.sprite in Ext JS.
For example:
If I want to add drag/resize boundary around an object (using which user can easily rotate/resize/move the object), is it easy enough to implement in extjs or will I need to write this feature from scratch ?

Leafletjs: Dynamically changing map feature colors

It's been a few days now that I have been looking for a way to be able to dynamically change the colors of different map features such as Roads, Water, Buildings, Background etc using leaflet.js. I know we had this option in Mapbox using the Mapbox GL. But I am wondering if this can be achieved using the leaflet.js library.
Any help/workaround would be highly appreciated.
Thanks
By default Leaflet can render only raster tiles (i.e. plain images, which you cannot easily modify) and vector shapes (typically from GeoJSON data).
If you want to modify the tiles rendering, you have mainly 3 options:
Download OSM data and re-render the tiles (i.e. create your own tile server) using your own styling. OSM wiki should have some pages that explain how to do so.
Use an online service that offers tiles rendering with custom style (e.g. Mapbox).
Use Leaflet.VectorGrid plugin with downloaded vector data from OSM and providing your own styling.
If you want to be able to modify the rendering at runtime, then only the 3rd option would be appropriate.

Controls for creating a map?

I need to find a control that can be used to construct a map.
I'm looking for something where a user can specify a location and then drag markers from a toolbar onto the map. Loading/saving would be a plus
I tried Telertik Map , IG and also Component One but I'm not 100% sure about these products.
You might try hosting Google Maps in WPF; it has a fairly complete API.
Any of the components you listed would definitely get the job done (personally, I prefer Infragistics), but they will be expensive.
Finally, you could head a different direction and try to go open-source. SharpMap might be worth investigation. This question has more details.
There is now a WPF Bing Maps Control
http://www.bing.com/community/site_blogs/b/maps/archive/2012/01/12/announcing-the-bing-maps-windows-presentation-foundation-control-v1.aspx

Looking for a simple Silverlight map component

I am looking for a light-weight map component that displays a map of the US and allows users to click on a State and see information pertaining to that state. The data I want to display is in my database. I just need to know what state was selected so I can display the detail. This is something I am doing to get familiar with Silverlight.
All the searches for Silverlight/ Maps I have done so far have pointed me at solutions that are far more complicated than I need. My perception is that using Bing Maps to do this simple task would a waste of the features provide by Bing.
Anyone know of such a Component? Am I wrong that Bing Maps is not the right tool for the job?
TIA!
If you have access to Expression Studio (specifically Expression Design), creating maps as vector based images is quite easy. Poly-paths in Xaml are also relatively efficient to store and serve up compared to images.
You import a map as a background image and use the pen tool to dot-to-dot trace around the country. Combine all those path segments into a single path. Then create a separate poly-path for each state (close them to allow for a fill).
It will take a few hours to build all this (I know having done this for a world map country selector... took 4-5 hours solid for the one polygon styled below):
By having each state represented by a filled polygon-path highlighting (by changing the fill colour) is trivial on mouse-enter/mouse-leave events.
If you want stylistic map, remove the image, otherwise use transparency on the state polygons to show the map through the roll-overs.
Update:
And if you get yourself a graphic tablet and pen this sort of point-to-point work is about 5 times faster than with a mouse!
The interaction with Bing Maps in Silverlight is really strong and provide you with easy communication between the map and your data. I would give Bing Maps a try.
I'm not sure if you've already come across this, but it seems you can also use the control with custom tile sources. Here are a few resources.
http://www.cadmaps.com/gisblog/?p=54
http://developers.de/blogs/damir_dobric/archive/2009/11/16/implementing-custom-map-in-silverlight-map-control.aspx
http://labs.mandogroup.com/skinning-the-silverlight-bing-maps-control/
Custom Rendering in Bing Silverlight Control

Resources