Adding a Custom Marker in Flutter with MapBox plugin - flutter

So I'm currently working on a feature that uses MapBox package/plugin to display a Map on my app.
What I want to achieve is something like this:
So far from what I've seen in Flutter the addSymbol method only allows you to add images and text.
Does anyone know how to create a marker like the ones showed in the image? Is there any support for this?

Related

How to add a jumping effect in Google map marker flutter?

I would like to animate marker in google map flutter like the below image.
How to do this in Flutter.
maybe you can used this package animarker

How can I make a pixel editor app in Flutter?

I am trying to make a mobile pixel editor app in Flutter.
I googled and find this flutter package(Pixels)
However I want to add more functions like an eraser, fill, draw circles, and so on.
Instead, should I import other existing projects like Aseprite?
I don't know where can I start and it makes me confused…
Thank you for reading.

How to edit MapBox Style editor dynamic on app

I'm developing a map app using mapbox_gl package, and trying to edit style layer while app is running.
Generally, style layers are edited using the MapBox style editor. But I want to change the state of the layer depending on the conditions of the app user.
For example, in the MapBox style editor, set a layer to show a red line tracing the road as shown in the image below.
And I want to be able to change this to blue within the app.
But I don't know how to edit the state of the layer. Anyone know how to do this?

which minimap should I use with custom image in leaflet

I'm using leafletjs with a custom large image where I am serving the tiles from my local server.
I need to display a minimap that shows what is currently visible on screen, what would be best to use in these circumstances?
Is there something already available in leafletjs or do I need to use a plugin or build a custom one?
I saw this one but it seems kind of specific to using a map: https://github.com/Norkart/Leaflet-MiniMap

Custom Map View

Here is the scenario...
I have a image of a map in jpeg format... I want to add it to my iPhone application and mark the coordinates in certain places (just like annotation in map kit ) and also when i move from one place to another place the current location should change and the new location should be marked in the image.
Is that possible ? How to achieve this instead of using the mkmapview ?
I found this tutorial how to add custom google maps, maybe you could use your image (.jpeg) as a overlay.
stiern.com/tutorials/adding-custom-google-maps-to-your-website
Sounds like you want to use an MKOverlay.
Essentially it boils down to looking at the TileMap sample code from WWDC 2010. It'll still load the Google Map in the background and your map over the top