flutter_map_tappable_polyline

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

一個 Flutter 插件，擴展 flutter_map，提供可點擊的 Polyline 類別，支援 onTap 事件，實現互動式地圖路徑。它允許使用者偵測地圖上的折線是否被點擊，從而提升導航或路徑視覺化的使用者參與度。此套件相容於 Android、iOS、Web、macOS、Windows 與 Linux，可無縫整合至現有的 flutter_map 專案中。該套件輕量且專注，僅提供折線觸控互動的必要功能。

適用情境

互動式路線選擇
基於地圖的導航強調
使用者觸發的折線動作
用反饋可視化動態路徑
透過點擊互動提升地圖使用者體驗

主要特色

多段線的 OnTap 事件支援
與 flutter_map 的無縫整合
跨平台相容性
輕巧且專注的設計
支援所有主要的Flutter平台

適合對象

開發互動地圖的開發者
需要使用者在地圖線路上輸入的應用程式
導航或路徑應用
使用 flutter_map 並增強互動性的專案

使用建議

需要安裝 flutter_map
限制為折線點擊檢測
無內建樣式自訂
可能需要額外處理複雜的點擊邏輯
依賴上游 flutter_map 更新

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Flutter Map Tappable Polyline

A Polyline with onTap event listener
This is a plugin for flutter_map package

Usage

Add flutter_map and flutter_map_tappable_polyline to your pubspec:

dependencies:
  flutter_map: ^6.0.1
  flutter_map_tappable_polyline: any # take latest version on Pub

Add it in you FlutterMap and configure it using TappablePolylineLayerOptions.

  Widget build(BuildContext context) {
    return FlutterMap(
      options: new MapOptions(
        plugins: [
          TappablePolylineMapPlugin(),
        ],
      ),
      layers: [
        TileLayerOptions(
          urlTemplate: 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
          subdomains: ['a', 'b', 'c'],
        ),
        TappablePolylineLayerOptions(
          // Will only render visible polylines, increasing performance
          polylineCulling: true,
          polylines: [
            TaggedPolyline(
              tag: "My Polyline", // An optional tag to distinguish polylines in `onTap` callback
              // ...all other Polyline options
            ),
          ],
          onTap: (polylines, tapPosition) => print('Tapped: ' +
            polylines.map((polyline) => polyline.tag).join(',') +
            ' at ' +
            tapPosition.globalPosition.toString()),
          onMiss: (tapPosition) {
            print('No polyline was tapped at position ' +
                tapPosition.globalPosition.toString());
          }
        )
      ],
    );
  }

搜尋套件、儲存庫與 APP 分類

安裝套件