Google map With current location marker in Ionic 3

I am building an app in which i want to use google map and i am using ionic version 3.20.1 and cordova version 8.xx

I want to use google maps java script API and make my map appear like it looks on most of the applications. screen shots - what i want to built

what i was able to built

my map.html contains

    <ion-buttons end>
      <button ion-button (click)="addMarker()"><ion-icon name="add"></ion- 
icon>Add Marker</button>

  <div #map id="map"></div>  

and my map.tas contains following code

import { Component, ViewChild, ElementRef } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Geolocation } from '@ionic-native/geolocation';

declare var google;

  selector: 'page-google-map',
  templateUrl: 'google-map.html',
export class GoogleMapPage {
  @ViewChild('map') mapElement: ElementRef;
  map: any;

  constructor(public navCtrl: NavController, public navParams: 
NavParams,public geolocation: Geolocation) {

  ionViewDidLoad() {
    console.log('ionViewDidLoad GoogleMapPage');


this.geolocation.getCurrentPosition().then((position) => {

  let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

  let mapOptions = {
    center: latLng,
    zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  } = new google.maps.Map(this.mapElement.nativeElement, mapOptions);
}, (err) => {


    let marker = new google.maps.Marker({
      animation: google.maps.Animation.DROP,

    let content = "<h4>Information!</h4>";          

    this.addInfoWindow(marker, content);

      addInfoWindow(marker, content){

    let infoWindow = new google.maps.InfoWindow({
      content: content

    google.maps.event.addListener(marker, 'click', () => {, marker);


_ I strongly need that blue dot showing current location_

Use native map plugin for that blue marker appear