What’s New in 2020 Volume 3: Syncfusion Flutter Maps | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (172).NET Core  (29).NET MAUI  (192)Angular  (107)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (40)Black Friday Deal  (1)Blazor  (209)BoldSign  (12)DocIO  (24)Essential JS 2  (106)Essential Studio  (200)File Formats  (63)Flutter  (131)JavaScript  (219)Microsoft  (118)PDF  (80)Python  (1)React  (98)Streamlit  (1)Succinctly series  (131)Syncfusion  (882)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (49)Windows Forms  (61)WinUI  (68)WPF  (157)Xamarin  (161)XlsIO  (35)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (146)Chart  (125)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (62)Development  (613)Doc  (7)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (37)Extensions  (22)File Manager  (6)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (488)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (41)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (368)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (30)Visual Studio Code  (17)Web  (577)What's new  (313)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)
What’s New in 2020 Volume 3: Syncfusion Flutter Maps

What’s New in 2020 Volume 3: Syncfusion Flutter Maps

In the Essential Studio 2020 Volume 2, release, we introduced the new Maps widget for the Flutter platform. At Syncfusion, we always look forward to feedback from the developer community to improve our products in every release. Likewise, in our recent Essential Studio 2020 Volume 3 release, we have included a new set of features in the Maps widget which we believe to be essential to provide an excellent map experience for end users.

We will briefly discuss these features in this blog.

Tile or imagery layer

One of the most important features in this release is support for a tile or imagery layer. An interactive tile layer allows you to load map tiles from web map-tile services such as Bing Maps, OpenStreetMaps, Google Maps, TomTom, and others. Here are some of the exclusive features of the tile layer.

Markers

As in the shape layer, you can use markers in the tile layer too. It can be used to denote specific latitude and longitude in the tile layer as required.

Zooming and panning

This support is added for both the tile layer and the shape layer in the Volume 3 release.

You can zoom in on the tile layer for a closer look at a specific region by:

  • Pinching on touch devices.
  • Scrolling the mouse wheel or trackpad.
  • Using the toolbar on the web.

You can then pan the map to navigate across regions like in the following .gif image.

Panning the Tile or Imagery Layer
Panning the Tile or Imagery Layer

For more details about this feature, please refer to this user guide.

Custom widget for tooltips

We provided tooltip support for bubbles and shapes in our previous release to display information about regions and bubbles during tap or click interactions. It can be enabled for both regions and bubbles.

In this release, we have provided options for customizing the shape and bubble tooltips with entirely customized widgets. The given widget will be wrapped with the default tooltip. Hence, the default pointer is still available to clearly denote the shape or bubble for which the tooltip is being shown. You can also customize the stroke around the tooltip if needed.

To learn more about this feature, please refer to this user guide.

Custom Tooltip
Custom Tooltip

Legend for bubbles

Legends provide clear information about the data plotted in maps using colors and brief text. You can also use the legend toggling feature to let end users visualize only the items and data they want to view much easier. Previously, we had legend support for shapes alone.

In addition to shapes, another element that is used to visualize data is bubbles. By customizing the bubble color, radius, or both, we can visualize data for many cases. Along with customized bubbles, it would be perfect to have a legend to denote the type of data the bubbles are visualizing, and legend toggling will be a great help when there are many bubbles in a small area.

Lucky for you, we have provided legend support for bubbles in the 2020 Volume 3 release. You can refer to this user guide for more details about this feature.

Map with Legend for Bubbles
Map with Legend for Bubbles

Zooming and panning in the shape layer

As mentioned earlier, zooming and panning support has been added for both the tile and shape layers in this release. The behaviors are similar for both layer types.

You can take a closer look at a specific region in the shape layer by:

  • Pinching on touch devices.
  • Scrolling the mouse wheel or trackpad.
  • Using the toolbar on the web.

You can then pan the map to navigate across regions like in the following .gif image.

Zooming and Panning in the Shape Layer
Zooming and Panning in the Shape Layer

For more details about this feature, please refer to this user guide.

Hovering improvements on the web

You may already know that the Syncfusion Flutter widgets are compatible with the web although they are still in beta. Like all our Flutter widgets, Maps is supported on the web as well.

To enhance the interaction experience on the web, we have improved the hovering behaviors for the applicable elements in this release. The improvements include:

  • A hover color applied for shapes and bubbles.
  • If the toggle interaction is enabled, the cursor will be changed to a clickable cursor while hovering over legend items.

Hovering in shapes

To learn more about the APIs that control hovering in shapes, please refer to this user guide.

Hovering in Shapes
Hovering in Shapes

Hovering in bubbles

To know more about the APIs that affect hovering in bubble, please refer to this user guide.

Hovering in Bubbles
Hovering in Bubbles

Conclusion

In this blog post, we walked you through some of the major features included in the Flutter Maps widget in the 2020 Volume 3 release. You can download the latest setup here. Try out the widget and share your feedback in the comments section below.

You can check out the other new widgets and features added to this release on our What’s New page. Check out the complete user guide and see our samples in this GitHub location. Additionally, you can check out our demo apps in Google Play StoreApp Store, and on our website.

If you need a new widget for the Flutter framework or new features in our existing widgets, you can contact us through our support forumsDirect-Trac, or feedback portal. As always, we are happy to assist you!

googleplay.png

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed
Scroll To Top