https://github.com/coletiv/flutter_google_maps_clusters

Companion project for Flutter Google Maps article
https://github.com/coletiv/flutter_google_maps_clusters

Last synced: about 2 months ago
JSON representation

Companion project for Flutter Google Maps article

• Host: GitHub
• URL: https://github.com/coletiv/flutter_google_maps_clusters
• Owner: coletiv
• Created: 2019-09-23T14:55:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-06-17T15:20:38.000Z (over 3 years ago)
• Last Synced: 2023-02-26T23:12:38.172Z (almost 2 years ago)
• Language: Dart
• Homepage:
• Size: 80.1 KB
• Stars: 67
• Watchers: 6
• Forks: 25
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Marker Clustering and Marker Network Image Icons on [Flutter](https://flutter.dev/) Google Maps

This example project serves as a companion to the [Use Network Images as Marker Icons on Flutter Google Maps](https://coletiv.com/blog/use-network-images-as-marker-icons-flutter-google-maps/), [How to Cluster Markers on Flutter using Google Maps](https://coletiv.com/blog/how-to-cluster-markers-on-google-maps-using-flutter/) and [Customize Your Cluster Markers on Flutter Google Maps](https://coletiv.com/blog/customize-your-cluster-markers-on-flutter-google-maps/) blog posts.

It shows how to get an image from an url and use it as a marker icon and how to cluster markers on [Google Maps For Flutter](https://pub.dev/packages/google_maps_flutter).

Those features aren't yet supported by the official Google Maps package.

Follow these issues to get updates and add thumbs up to try to get more attention to them:

- Allow markers to be made Flutter widgets: [Issue](https://github.com/flutter/flutter/issues/24213)

- Support marker clustering: [Issue](https://github.com/flutter/flutter/issues/26863)

Also, don't forget to check the [Flutter Cache Manager](https://pub.dev/packages/flutter_cache_manager) and [Fluster](https://pub.dev/packages/fluster) packages that were used to make this project possible.

## Getting Started

1 - Get started with Flutter by following this [link](https://flutter.dev/docs/get-started/install).

2 - Obtain the Google Maps Api key [here](https://developers.google.com/maps/documentation/android-sdk/get-api-key#get-the-api-key) and add it [here](https://github.com/coletiv/flutter_google_maps_clusters/blob/48a079466dbeeb1673bdcac38ac98cbe76fbd375/android/app/src/main/AndroidManifest.xml#L28) and [here](https://github.com/coletiv/flutter_google_maps_clusters/blob/48a079466dbeeb1673bdcac38ac98cbe76fbd375/ios/Runner/AppDelegate.swift#L12).

3 - Run project and see the custom marker icons and cluster working with Google Maps.