パッケージ、リポジトリ、アプリカテゴリを検索

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 件

ソースリポジトリ

このパッケージを使用しているプロジェクト