title: Keep Marker Pin in center will I drag map
body: <p>I am building a use case where I am using google maps API using the IONIC framework.</p>
  
  <p>After displaying the map in the page with the marker pin in the location(lat,lng), I need to allow the user to drag the map, keeping the pin fixed so that they can pinpoint their address, on drag stop i need to fetch the lat,lang of the point and get address of the point and display in UI. How can I achieve this?</p>
  
  <p>following is the code I have used to display the map with the PIN.</p>
  
  <pre><code>  ngAfterContentInit(): void {
  
  this.map = new google.maps.Map(
    this.mapNativeElement.nativeElement,
    {
      center: { lat: 17.455841, lng: 78.335507 },
      zoom: 16,
      disableDefaultUI: true
    }
  );
  
  this.marker = new google.maps.Marker(
    {
      map: this.map,
      draggable: true,
      animation: google.maps.Animation.DROP,
      position: { lat: 17.455841, lng: 78.335507 }
    });
  </code></pre>