Skip to content

zapiti/google_maps_cross

Repository files navigation

GoogleMapsCross

A flutter package that allows you to create basic timelines on your flutter application. This is customizable and easy to plugin to your application. You will find the following features:

  • Usage google maps with crossplatform

Getting Started

You will need to add the following dependency in your pubspec.yaml file to download the depedency.

dependencies:
  flutter:
    sdk: flutter
  google_maps_cross: 1.0.0

Usage

import 'package:google_maps_cross/google_maps_cross.dart';

WEB

  • In file index.html:
<body id="app-container">
<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>
<script src="main.dart.js?version=2.1.33" type="application/javascript"></script>
</body>

iOS

  • In file AppDelegate.swift:

    import Flutter
    import GoogleMaps
    
    @UIApplicationMain
    @objc class AppDelegate: FlutterAppDelegate {
      override func application(
        _ application: UIApplication,
        didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
      ) -> Bool {
        GMSServices.provideAPIKey("API_KEY")
        GeneratedPluginRegistrant.register(with: self)
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
      }
    }
    
    
    

Android

  • In file AndroidManifest.xml:

           android:label="example"
           android:icon="@mipmap/ic_launcher">
          <meta-data android:name="com.google.android.geo.API_KEY"
              android:value="API_KEY"/>
           <activity
               android:name=".MainActivity"
               android:launchMode="singleTop"
               android:theme="@style/LaunchTheme"
               android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
               android:hardwareAccelerated="true"
               android:windowSoftInputMode="adjustResize">
    
    

Implementation

            GoogleMapCross(
                  key: key,
                  interactive: true,
                  onTap: (x) {},
                  initialPosition: GeoCoord(-28.4831, -47.3916),
                  initialZoom: 5.0,
                  markers: Set.from([
                    Marker(GeoCoord(-18.4435, -47.3415), onTap: (_) {
                      print("description3");
                    })
                  ]),
                ),

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published