@ionic-native/google-maps

@ionic-native/google-maps

$ ionic cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="YOUR_ANDROID_API_KEY_IS_HERE" --variable API_KEY_FOR_IOS="YOUR_IOS_API_KEY_IS_HERE"
$ npm install --save @ionic-native/google-maps

Usage Documentation

Plugin Repo: https://github.com/mapsplugin/cordova-plugin-googlemaps

Embed native Google Maps views into your app. This version is aimed for ionic v4/beta. You need to use cordova-plugin-googlemaps@2.4.0 with this plugin.

Prerequisites:

• Generate API keys

Demo:

• Browser platform

Documentaion:

• API Reference
• Overview slide

Usage

import {
 GoogleMaps,
 GoogleMap,
 GoogleMapsEvent,
 GoogleMapOptions,
 CameraPosition,
 MarkerOptions,
 Marker
} from '@ionic-native/google-maps';
import { Component } from "@angular/core/";

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  map: GoogleMap;
  constructor() { }

  ionViewDidLoad() {
   this.loadMap();
  }

 loadMap() {

    let mapOptions: GoogleMapOptions = {
      camera: {
        target: {
          lat: 43.0741904,
          lng: -89.3809802
        },
        zoom: 18,
        tilt: 30
      }
    }

    this.map = GoogleMaps.create('map_canvas', mapOptions);

    let marker: Marker = this.map.addMarkerSync({
      title: 'Ionic',
      icon: 'blue',
      animation: 'DROP',
      position: {
        lat: 43.0741904,
        lng: -89.3809802
      }
    });

    marker.on(GoogleMapsEvent.MARKER_CLICK)
      .subscribe(() => {
        alert('clicked');
      });
    });
  }
}

Supported platforms

• Android
• iOS
• Browser

Changelog

5.0.0-beta.18 (2018-09-15)

Bug Fixes

• appodeal: removed bad imports (7d5e7aa)
• camera: fixing builds (c8d25a1)
• clevertap: fix jsdoc (e47a3e1)
• contacts: remove double import of checkAvailability (#2659) (1ad4cc1)
• core: wrapEventObservable (#2660) (bd34581)
• extended-device-information: fix wrong decorator (5e9c92a)
• file-tramsfer: fix v5 imports for file-transfer plugin (#2537) (406ad12)