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

flutter_polyline_points 封面
套件詳情v3.1.0

flutter_polyline_points

一個 Flutter 套件,透過傳入座標或 Google 編碼的折線字串來取得折線點

AndroidiOSmacOSWindowsLinux
近 30 天下載
7.3萬
喜歡數
662
Pub 分數
150

安裝套件

flutter pub add flutter_polyline_points

套件介紹

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

一個 Flutter 套件,可將地理座標或 Google 編碼的多段線字串轉換為緯度與經度點的清單。它簡化了在地圖中處理多段線的過程,透過解碼路由服務中常見的複雜多段線資料。非常適合在 Flutter 應用程式中的地圖上顯示路徑、路線或旅行軌跡。此套件支援 Android、iOS、macOS、Windows 與 Linux 多個平台,確保跨平台的一致性。

適用情境

  • 顯示從編碼折線生成的地圖路徑
  • 將坐標列表轉換為折線
  • 與導航或追蹤功能整合
  • 在地圖上渲染自定義路徑
  • 從API處理路由資料

主要特色

  • 支援 Google 編碼多段線解碼
  • 處理原始座標陣列
  • 跨平台相容性
  • 輕量且易於整合
  • 提供精確的點轉換

適合對象

  • 基於地圖的應用程式與路線規劃
  • 位置追蹤應用程式
  • 導航工具
  • 路線可視化功能
  • 使用 Google 地圖 API 的開發人員

使用建議

  • 需要有效的輸入資料(座標或編碼字串)
  • 不處理地圖渲染本身
  • 依賴外部地圖小部件進行顯示
  • 對格式錯誤的輸入沒有內建的錯誤處理
  • 僅限折線點提取

原始 README

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

Flutter Polyline Points

pub package License: MIT

A Flutter package for decoding polyline points from Google Maps Directions API and the new Google Routes API. This package provides a unified interface supporting both legacy Directions API and the enhanced Google Routes API.

🚀 Version 3.0 - Simplified Routes API Integration

Version 3.0 introduces a simplified and unified approach to Google's routing services:

  • Single PolylinePoints class for both APIs
  • Simplified Routes API integration with essential features
  • Enhanced request/response models with better type safety
  • Custom body parameters for advanced use cases
  • Comprehensive test coverage for reliability
  • Backward compatibility maintained for existing code

📦 Installation

Add this to your package's pubspec.yaml file:

dependencies:
  flutter_polyline_points: ^3.0.1

Then run:

flutter pub get

🔑 API Key Setup

  1. Go to the Google Cloud Console
  2. Enable the Directions API and/or Routes API
  3. Create an API key
  4. Configure API key restrictions as needed

Note: The Routes API may have different pricing than the Directions API. Check the Google Routes API documentation for details.

📱 Basic Usage

Legacy Directions API (Backward Compatibility)
import 'package:flutter_polyline_points/flutter_polyline_points.dart';

// Initialize PolylinePoints
PolylinePoints polylinePoints = PolylinePoints(apiKey: "YOUR_API_KEY");

// Get route using legacy Directions API
PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
  request: PolylineRequest(
    origin: PointLatLng(37.7749, -122.4194), // San Francisco
    destination: PointLatLng(37.3382, -121.8863), // San Jose
    mode: TravelMode.driving,
  ),
);

if (result.points.isNotEmpty) {
  // Convert to LatLng for Google Maps
  List<LatLng> polylineCoordinates = result.points
      .map((point) => LatLng(point.latitude, point.longitude))
      .toList();
}
Routes API (Enhanced Features)
import 'package:flutter_polyline_points/flutter_polyline_points.dart';

// Initialize PolylinePoints
PolylinePoints polylinePoints = PolylinePoints(apiKey: "YOUR_API_KEY");

// Create Routes API request
RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  travelMode: TravelMode.driving,
  routingPreference: RoutingPreference.trafficAware,
);

// Get route using Routes API
RoutesApiResponse response = await polylinePoints.getRouteBetweenCoordinatesV2(
  request: request,
);

if (response.routes.isNotEmpty) {
  Route route = response.routes.first;
  
  // Access route information
  print('Duration: ${route.durationMinutes} minutes');
  print('Distance: ${route.distanceKm} km');
  
  // Get polyline points
  List<PointLatLng> points = route.polylinePoints ?? [];
}

🏍️ Two-Wheeler Routing

// Get optimized route for motorcycles/scooters
RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  travelMode: TravelMode.twoWheeler,
  routeModifiers: RouteModifiers(
    avoidHighways: true,
    avoidTolls: false,
  ),
);

RoutesApiResponse response = await polylinePoints.getRouteBetweenCoordinatesV2(
  request: request,
);

🛣️ Alternative Routes

// Get multiple route options
RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  computeAlternativeRoutes: true,
  intermediates: [
    PolylineWayPoint(location: "37.4419,-122.1430"), // Palo Alto coordinates
  ],
);

RoutesApiResponse response = await polylinePoints.getRouteBetweenCoordinatesV2(
  request: request,
);

// Access all alternative routes
for (int i = 0; i < response.routes.length; i++) {
  Route route = response.routes[i];
  print('Route ${i + 1}: ${route.durationMinutes} min, ${route.distanceKm} km');
}

⚙️ Advanced Configuration

Route Modifiers
RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  travelMode: TravelMode.driving,
  routeModifiers: RouteModifiers(
    avoidTolls: true,
    avoidHighways: false,
    avoidFerries: true,
    avoidIndoor: false,
  ),
  routingPreference: RoutingPreference.trafficAware,
  units: Units.metric,
  polylineQuality: PolylineQuality.highQuality,
);

RoutesApiResponse response = await polylinePoints.getRouteBetweenCoordinatesV2(
  request: request,
);
Custom Body Parameters
// Add custom parameters not covered by the standard API
RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  customBodyParameters: {
    'extraComputations': ['TRAFFIC_ON_POLYLINE'],
    'requestedReferenceTime': DateTime.now().toIso8601String(),
  },
);
Timing Preferences
RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  travelMode: TravelMode.driving,
  routingPreference: RoutingPreference.trafficAware,
  departureTime: DateTime.now().add(Duration(hours: 1)),
  // OR
  // arrivalTime: DateTime.now().add(Duration(hours: 2)),
);
Custom Headers

You can pass custom HTTP headers with your Routes API requests. This is particularly useful for Android-restricted API keys:

RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  travelMode: TravelMode.driving,
  headers: {
    'X-Android-Package': 'com.example.myapp',
    'X-Android-Cert': 'YOUR_SHA1_FINGERPRINT',
    // Add any other custom headers
  },
);
Using with google_api_headers Package

For easier Android header management, you can use the google_api_headers package:

dependencies:
  flutter_polyline_points: ^3.0.0
  google_api_headers: ^4.0.0
import 'package:google_api_headers/google_api_headers.dart';

// Get Android-specific headers
Map<String, String> headers = await const GoogleApiHeaders().getHeaders();

RoutesApiRequest request = RoutesApiRequest(
  origin: PointLatLng(37.7749, -122.4194),
  destination: PointLatLng(37.3382, -121.8863),
  travelMode: TravelMode.driving,
  headers: headers, // Use the generated headers
);

RoutesApiResponse response = await polylinePoints.getRouteBetweenCoordinatesV2(
  request: request,
);

Note: Custom headers are only supported with the Routes API (getRouteBetweenCoordinatesV2). The legacy Directions API uses GET requests and doesn't support custom headers.

🔄 Migration Guide

From v2.x to v3.0

Version 3.0 simplifies the API while maintaining backward compatibility:

// OLD (v2.x)
PolylinePoints polylinePoints = PolylinePoints();
PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
  googleApiKey: "YOUR_API_KEY",
  request: request,
);

// NEW (v3.0)
PolylinePoints polylinePoints = PolylinePoints(apiKey: "YOUR_API_KEY");
PolylineResult result = await polylinePoints.getRouteBetweenCoordinates(
  request: request,
);
Converting Between APIs
// Convert Routes API response to legacy format
RoutesApiResponse routesResponse = await polylinePoints.getRouteBetweenCoordinatesV2(
  request: routesRequest,
);

PolylineResult legacyResult = polylinePoints.convertToLegacyResult(routesResponse);
Factory Constructors
// Optimized for legacy API
PolylinePoints legacyPoints = PolylinePoints.legacy("YOUR_API_KEY");

// Optimized for Routes API
PolylinePoints enhancedPoints = PolylinePoints.enhanced("YOUR_API_KEY");

// Custom configuration
PolylinePoints customPoints = PolylinePoints.custom(
  apiKey: "YOUR_API_KEY",
  timeout: Duration(seconds: 60),
  preferRoutesApi: true,
);

📊 Response Data

Legacy API Response
class PolylineResult {
  List<PointLatLng> points;
  String? errorMessage;
  String? status;
}
Routes API Response
class RoutesApiResponse {
  List<Route> routes;
  String? status;
  String? errorMessage;
}

class Route {
  int? duration;              // Duration in seconds
  int? staticDuration;        // Static duration in seconds
  int? distanceMeters;        // Distance in meters
  String? polylineEncoded;    // Encoded polyline string
  List<PointLatLng>? polylinePoints; // Decoded polyline points
  
  // Convenience getters
  double? get durationMinutes => duration != null ? duration! / 60.0 : null;
  double? get staticDurationMinutes => staticDuration != null ? staticDuration! / 60.0 : null;
  double? get distanceKm => distanceMeters != null ? distanceMeters! / 1000.0 : null;
}

🎯 Features Comparison

Feature Legacy Directions API Routes API
Basic routing ✅ ✅
Waypoints ✅ ✅
Travel modes Driving, Walking, Bicycling, Transit + Two-Wheeler
Alternative routes ✅ ✅
Route modifiers Basic Enhanced
Polyline quality Standard High-quality, Overview
Request format GET with query params POST with JSON
Custom parameters ❌ ✅
Timing preferences ❌ ✅
Field mask support ❌ ✅

🔧 Troubleshooting

Common Issues
  1. API Key Issues

    • Ensure your API key has the correct APIs enabled
    • Check API key restrictions and quotas
    • Verify billing is enabled for your Google Cloud project
  2. Routes API Errors

  3. Migration Issues

    • Update constructor calls to include apiKey parameter
    • Use convertToLegacyResult() for compatibility
    • Check method signatures for parameter changes
Error Handling
try {
  RoutesApiResponse response = await polylinePoints.getRouteBetweenCoordinatesV2(
    request: RoutesApiRequest(
      origin: PointLatLng(37.7749, -122.4194),
      destination: PointLatLng(37.3382, -121.8863),
    ),
  );
  
  if (response.routes.isNotEmpty) {
    // Success
    Route route = response.routes.first;
  } else {
    print('Error: ${response.errorMessage ?? "No routes found"}');
  }
} catch (e) {
  print('Exception: $e');
}

📚 Examples

Check out the /example folder for comprehensive examples:

  • Legacy API Example: Basic routing with backward compatibility
  • Routes API Example: Enhanced features and custom parameters
  • Two-Wheeler Example: Motorcycle/scooter optimized routing
  • Advanced Configuration: Custom body parameters and timing preferences

🤝 Contributing

Contributions are welcome! Please read our contributing guidelines and submit pull requests to our repository.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🔗 Links

📈 Changelog

Version 3.0.0
  • 🔄 BREAKING: Simplified API with unified PolylinePoints class
  • 🔄 BREAKING: Constructor now requires apiKey parameter
  • ✨ Enhanced Routes API integration with RoutesApiRequest/RoutesApiResponse
  • 🛠️ Added custom body parameters support
  • 🏍️ Added two-wheeler routing mode
  • ⏰ Added timing preferences (departure/arrival time)
  • 🎯 Added field mask support for response optimization
  • 🧪 Comprehensive test coverage added
  • 📊 Improved response models with convenience getters
  • 🔧 Better error handling and type safety
  • 🛠️ Maintained backward compatibility for legacy API
Previous Versions

See CHANGELOG.md for complete version history.

所屬分類

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案