搜索插件、代码仓与 APP 分类

flutter_map_marker_popup 封面
插件详情v8.1.2

flutter_map_marker_popup

flutter_map 的标记弹出窗口。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
11.7万
喜欢数
129
Pub 分数
140

安装插件

flutter pub add flutter_map_marker_popup

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个为 flutter_map 小部件中的标记添加交互式弹出窗口的 Flutter 包。它允许用户在点击或悬停地图标记时显示自定义内容,例如文本、图像或按钮。该包专为与 flutter_map 无缝集成而设计,支持 Android、iOS、Web、macOS、Windows 和 Linux 等多个平台。通过在地图上直接提供上下文信息,无需离开当前视图即可导航,从而提升用户体验。

适合场景

  • 在地图标记上显示位置详细信息
  • 创建交互式地图提示
  • 显示动态内容,例如评论或价格
  • 增强基于地图的仪表板
  • 为兴趣点提供信息面板

主要特点

  • 可自定义弹出内容
  • 支持轻触和悬停交互
  • 跨平台兼容性
  • 与 flutter_map 的轻松集成
  • 适用于不同屏幕尺寸的响应式设计

适合对象

  • 带有详细标记信息的地图应用
  • 旅行或房地产应用
  • 基于位置的服务
  • 交互式数据可视化工具
  • 面向用户的映射接口

使用建议

  • 需要安装 flutter_map
  • 在小屏幕上,弹出窗口的位置可能需要调整
  • 内置样式选项有限
  • 可能会影响大量标记的性能
  • 依赖外部仓库进行更新

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

flutter_map_marker_popup

Makes adding marker popups to flutter_map easy.

If you have any suggestions/problems please don't hesitate to open an issue.

Getting Started

For a minimal code example have a look at SimpleMapWithPopups.

For a complete example which demonstrates all of the various options available try running the demo app in the example/ directory which results in the following:

Example

FAQ

  • Why is the popup not showing when I tap the marker?

    Make sure you don't have a GestureDetector in your Marker's builder which is preventing this plugin from detecting the Marker tap.

Clustering

If you want both marker popups and marker clustering, this plugin's popup functionality has been integrated in to the wonderful flutter_map_marker_cluster plugin.

Thanks

A huge thanks to the contributors of flutter_map and the flutter_map_marker_popup. I use them together in a large personal project and they work wonderfully.

所属分类

依赖

依赖清单 4 项

源码仓库

使用此插件的项目