mapbox direction or optimization api (how to avoid tolls/bridges/etc) - leaflet

I am using mapbox and leaflet and leaflet plugin.
I have a very simple question. I'd like to have the option to avoid tolls/bridges/etc by passing the specific option. Is this possible ? I've seen that for mapbox swift , it's possible, but i don't see anything mapbox api has something like this for Directions/Optimization API.
Any idea on how I can achieve this?

You can pass exclude=toll to the API call to avoid tolls.
Documentation

Related

Mapbox Static API - How to use custom markers in GeoJSON overlay?

The docs say it's possible so I'm obviously missing something. So far I've tested different variations of marker-url and url- in the Mapbox playground with both single point and feature collections (as shown in the examples) but all I'm getting are the generic markers.
Any guidance to point me in the right direction?
https://api.mapbox.com/styles/v1/mapbox/streets-v11/static/geojson({"type":"FeatureCollection","features":[{"type":"Feature","properties":{"url-":"http%253A%252F%252Fwebsite.com%252Ffiles%252Fmarkers%252Fgreenpin.png"},"geometry":{"type":"Point","coordinates":[-122.2599,37.8098]}},{"type":"Feature","properties":{"url-":"http%253A%252F%252Fwebsite.com%252Ffiles%252Fmarkers%252Fgreenpin.png"},"geometry":{"type":"Point","coordinates":[-122.2591,37.8062]}},{"type":"Feature","properties":{"url-":"http%253A%252F%252Fwebsite.com%252Ffiles%252Fmarkers%252Fgreenpin.png"},"geometry":{"type":"Point","coordinates":[-122.2565,37.8063]}}]})/-122.2647,37.8006,12,0/1080x1080#2x?access_token={token}
This is not reflected in the official documentation, but in order to use a custom marker with a geojson overlay, you can rely on the marker-url property for your features.
If you update your request to the API to the following, you should achieve the desired result:
https://api.mapbox.com/styles/v1/mapbox/streets-v11/static/geojson({"type":"FeatureCollection","features":[{"type":"Feature","properties":{"marker-url":"http%253A%252F%252Fwebsite.com%252Ffiles%252Fmarkers%252Fgreenpin.png"},"geometry":{"type":"Point","coordinates":[-122.2599,37.8098]}},{"type":"Feature","properties":{"marker-url":"http%253A%252F%252Fwebsite.com%252Ffiles%252Fmarkers%252Fgreenpin.png"},"geometry":{"type":"Point","coordinates":[-122.2591,37.8062]}},{"type":"Feature","properties":{"marker-url":"http%253A%252F%252Fwebsite.com%252Ffiles%252Fmarkers%252Fgreenpin.png"},"geometry":{"type":"Point","coordinates":[-122.2565,37.8063]}}]})/-122.2647,37.8006,12,0/1080x1080#2x?access_token={token}
Disclaimer: I currently work at Mapbox

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.

Does somebody know more about the ALK Maps plugin for leaflet? I want to use their maps but i can't seem to find the api key

I need to get the API key for ALK Maps plugin but i cant seem to find where to get it. Did somebody already use this plugin for leaflet or knows more?
Apparently, ALK Technologies is now Trimble Maps
https://info.maps.trimble.com/get-an-api-key

react-leaflet with original leaflet plugins

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.

Map Navigator for SAPUI5

i'd like to ask about your idea how we can implement a map navigator in SAPUI5? For example, we need to get the current location of the user, then suggest the nearest fastfood around him. Is this possible in SAPUI5?
yes its possible.. Search in the internet and come up with something.
Get started here: http://www.w3schools.com/html/html5_geolocation.asp
http://demos.jquerymobile.com/1.4.0/map-geolocation/
It is possible to integrate map API into a SAPUI5 application. Firstly you need to decide which map provider should be used in your case. for example, if you want to use google map you can refer to this blog https://blogs.sap.com/2014/07/01/google-maps-library-for-ui5/
But SAPUI5 library provides a map control to integrate with geo map. you can refer to http://veui5infra.dhcp.wdf.sap.corp:8080/sapui5-sdk-dist/test-resources/sap/ui/vbm/bestpractices.html
You can use either SAP controls for that, for example this one:
sap.ui.vbm.GeoMap
Or you could pick any free JS third-party library and integrate it with your sapui5 view.
(There are many threads explaining how to use third-party libraries in sapui5).