Tooltips on Vector Sublayer OR Different ShapeStroke and ShapeStrokeThickness values in same ShapeSubLayer?

I am trying to load a collection of polylines onto the map, each line representing a utility line in the ground. Each line as customized by the client can have a specified line color and a line thickness. 

This works fine using a Vector sub layer with a PolyLine layer, however I also now need to enable tooltips for the polylines. Looking through the documentation, it doesn't seem like vector layers on maui support tooltips (but Flutter does allow them?). Is it possible to enable tooltips on a vector sublayer?

I've been working on migrating the data over to make a geoJson FeatureCollection to load into a MapShapeSubLayer, but there doesn't seem to be a way to customize the thickness and stroke color on a per shape basis. There's a ShapeColorValuePath ​but that seems to be for Fill color, not stroke color. There also doesn't seem to be a way to set ShapeStrokeThickness via json property fields either. Is it possible to dynamically set ShapeStrokeThickness & ShapeStroke via a geoJson property value, or would I need a different layer for every color/thickness combination I have?


3 Replies

VM Vidyalakshmi Mani Syncfusion Team October 6, 2025 01:27 PM UTC

Hi Jordan,


Regarding Tooltip support for vector sublayers in MAUI Maps.

Currently, The .NET MAUI Maps control does not provide tooltip support for Vector Sublayers. 

We have prioritized this feature and will plan to implement “Tooltip Support for Vector Sublayers in .NET MAUI Maps “ feature in any of our upcoming releases. During the planning stage for each release cycle, we review all open features and identify implementations based on parameters such as product vision, technological feasibility, and customer interest. Please upvote this feature to prioritize it.


We will notify you when this feature is implemented. However, you can communicate with us regarding any open features at any time using our Feature Report page.


Feedback link: https://www.syncfusion.com/feedback/70459/provide-tooltip-support-for-vector-sublayers-in-net-maui-…


If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal and cast your vote to make it count.


# Regarding Different ShapeStroke and ShapeStrokeThickness values in same ShapeSubLayer.


To assist you further, could you please share the specific use case or scenario you are trying to achieve?


Providing this detail will help us validate and address your query more effectively. We appreciate your understanding on this.


Regards,

Vidyalakshmi M.




JH Jordan Hershberger October 6, 2025 01:50 PM UTC

We have users in the field that verify the locations of various utility lines under the ground when construction projects need to dig into the ground. Sometimes there are multiple utility lines that run alongside each other such as an electrical line, a fiber optic line, and a gas line. The utility companies provide us with LineString geography data for the locations of these utilities with different style data so the lines are easily differentiated. Line A may have a width of 6px and a color of #FF0000, Line B may have a width of 4px and color of #00FF00, and Line C may have a width of 2px and a color of #0000FF. 

All of the sfMap ShapeSubLayer examples in the documentation only show setting the layer's stroke width and stroke color once statically when creating the layer, but I need to be able to set this dynamically on a per shape basis by binding to a property path similar to how PrimaryValuePath or ShapeColorValuePath behaves. There is no ShapeStrokeValuePath or ShapeStrokeThicknessValuePath for me to specify which geoJson property names should be used for stroke color and stroke thickness of each line.

Example from the documentation:

<map:MapShapeLayer x:Name="layer"
         ShapesSource="https://cdn.syncfusion.com/maps/map-data/world-map.json">
         ShapeFill="Gray"
         ShapeStroke="White" <---I need to dynamically set this from my geoJson
         ShapeStrokeThickness="2" <---I need to dynamically set this from my geoJson
         DataSource="{Binding WorldPopulationDensity}"
         ShapeDataField="name"
         PrimaryValuePath="CountryName"
         ShapeColorValuePath="Density" <---I want to set them from geoJson like this
         ShowDataLabels="True"
         ShowBubbles="True"
         EnableSelection="True"
         SelectedShapeFill="Yellow"
         SelectedShapeStroke="Red"
         SelectedShapeStrokeThickness="6"
         ShapeHoverFill="DarkGray"
         ShapeHoverStroke="Yellow"
         ShapeHoverStrokeThickness="4"
         ShowShapeTooltip="True"
         ShowBubbleTooltip="True">


TG Tamilarasan Gunasekaran Syncfusion Team October 7, 2025 02:56 PM UTC

Hi Jordan,

Currently, The .NET MAUI Maps control does not provide support for customizing StrokeThickness and StrokeColor for each shape.

We have prioritized this feature and will plan to implement “Support for customizing StrokeThickness and StrokeColor for each shape “ feature in any of our upcoming releases. During the planning stage for each release cycle, we review all open features and identify implementations based on parameters such as product vision, technological feasibility, and customer interest. Please upvote this feature to prioritize it.

We will notify you when this feature is implemented. However, you can communicate with us regarding any open features at any time using our Feature Report page.

Feedback link: https://www.syncfusion.com/feedback/70497/add-support-for-customizing-strokethickness-and-strokecolor-for-each-shape

If you have any more specification/suggestions to the feature request, you can add it as a comment in the portal and cast your vote to make it count.

Regards,

Tamilarasan G.



Loader.
Up arrow icon