react-leaflet with original leaflet plugins - leaflet

It is more theoretical question, rather than some problem.
I'm planning to develop some wrapper for leaflet (encapsulate work with leaflet for other developer teams with some API in/out), and I'm wondering if to use react-leaflet or to use native leaflet library.
There is very long list of available plugins for leaflet, and as far as i see only +-10 of them implemented for react-leaflet.
From your experience, does all the original leaflet plugins works fine with react-leaflet? How often do you encountered with problem and which one are not working at all?

It should be possible to create a custom component for any react-leaflet extension.

Related

How to use two Leaflet plugins together in same Polyline (polycolor and spline)

I want to use this two Leaflet plugins together in same Polyline.
https://github.com/Oliv/leaflet-polycolor
https://github.com/slutske22/leaflet-spline
I have been reviewing the source code of both plugins, but their integration with Leaflet is totally different, so I don't know very well how to use them together in the same Polyline.
Any help with integration? Thanks!

Bing Provider in React-Leaflet

Does anyone have any example code of using Bing maps as the provider with React-Leaflet? I looked through the docs but it only use openstreetmap. I don't see an example of adding any provider.
I solved my own problem kinda. I could not use React-Leaflet or at least not version 3 so I did it with React, Leaflet, and leaflet-bing-layer. For my needs I also needed to make an api call to render ferry pins. Rather than type it all in here I will include a link to a gist.

How to use leaflet "openstreetmap" with flutter?

I need help to integrate leaflet maps in flutter. The project I'm working on requires showing custom markers, animations, routes and drawings on the map. But I can't find any documentation or tutorials explaining this in flutter.
You can use flutter_map package for that. That's one of two most widely used maps packages (next to google_maps_flutter, which is obviously only for Google Maps).
https://github.com/johnpryan/flutter_map
It features all things that you need AFAIR.
You may check out the below Flutter Maps widget which allows you to render tiles from different services like OpenStreetMaps, Azure Maps, etc.
https://pub.dev/packages/syncfusion_flutter_maps
It has the features you have requested like markers, adding animations, drawing routes on the maps, highlight a region, etc. Check the below links for more details.
https://help.syncfusion.com/flutter/maps/markers
https://help.syncfusion.com/flutter/maps/vector-layers/polyline-layer#adding-polylines

OpenStreetMap Grayscale tiles?

I'm building up experience with web development and my next projects are some web maps. I've looked into Google Maps and Open Street Maps and would like to use OSM for a project as it contains more detailed information of building footprints.
I've tried styling Google Maps which seemed fairly straightforward, but I'm a little lost with OSM. I've got to the point of trying to create my own renders (with TileMill) but this is crashing my system due to the amount of data.
What I essentially need is this (but for the UK);
http://maps.stamen.com/#terrain/12/37.7706/-122.3782
Are there any resources which you can recommend or how easy/ difficult is this to create myself? I think I would need to create the map (with TileMill or similar and then find my own servers to host), or is there an easy way to convert the standard map to Grayscale?
I want to keep it as simple as possible so please any recommendations?
Turning the standard map to grayscale: I might be very late to this but for anyone else running into this question: I found a very easy solution if you're working with HTML and Javascript using OpenLayers and the standard OpenStreetMap-Tile-Layer in color. I took the solution from here: https://openlayers.org/en/latest/examples/semi-transparent-layer.html
I don't know much about web development but this solution worked for me. Upon creating the map, as done in main.js in the example from the link, a class name is defined ('bw')
className: 'bw',
that can be used in index.html to manipulate the style o f it in the part:
<style>
.bw {
filter: grayscale(100%);
}
</style>
My application was altering a pre-built web-map from the qgis2web extension for QGIS. I was able to turn the tile layers from the background map to grayscale so the results would stand out more.
You could use https://github.com/Zverik/leaflet-grayscale to display any tile layer in grayscale. It's a plugin built upon the leaflet map displaying library.

MapQuest Android API and Mapnik

I have implemented MapQuest's Android API. In the documentation for the general API it says when using the OpenStreetMap data it is possible to use "Custom map tiles via the Mapnik style files". I was wondering if that meant that you could host your own tile server running Mapnik and get the API to use those tiles or something else. There is no more mention of this in any of the documentation that I can find. Can someone help me clear this up please?
The reference to using Mapnik style files has to do with the fact that MapQuest offers the style files to developers who want to tweak them and then generate their own tiles based on OpenStreetMap data. This isn't specific to the Android API, however, and the Android API does not support custom map tiles. I apologize for the confusion (I work at MapQuest).
As I know, you are right and you can't use custom tile styles but custom UI styles (UI styles guide)