How to replace red shap on google map with circle googlemap

6 views
Skip to first unread message

ahmed elbarbary

unread,
Dec 29, 2019, 9:58:23 PM12/29/19
to Angular and AngularJS discussion
How to use circle on googlemap to location have latitude and longtude ?
I work on angular 7 
I use red shap on googlemap have latitude and longtude on component 
 i need only to make circle on map to the point have latitude and longtude
but i dont need to use red mark on map as following :
 
i need to replace it with circle 
so how to do that please ?


import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';  
 
@Component({  
  selector
: 'app-root',  
  templateUrl
: './app.component.html',  
  styleUrls
: ['./app.component.css']  
})  
export class AppComponent implements AfterViewInit {  
  title
= 'angular-gmap';  
 
@ViewChild('mapContainer', { static: false }) gmap: ElementRef;  
  map
: google.maps.Map;  
 
 lat
= 40.73061;  
 lng
= -73.935242;  
 
  coordinates
= new google.maps.LatLng(this.lat, this.lng);  
 
  mapOptions
: google.maps.MapOptions = {  
    center
: this.coordinates,  
    zoom
: 8  
 
};  
 
  marker
= new google.maps.Marker({  
    position
: this.coordinates,  
    map
: this.map,  
    title
: 'Hello World!'  
 
});  
  ngOnInit
() {  
     
    console
.log("Hi man");  
   
// this.mapInitializer();  
 
}  
  ngAfterViewInit
() {  
    console
.log("Hi women");  
   
this.mapInitializer();  
 
}  
 
  mapInitializer
() {  
   
this.map = new google.maps.Map(this.gmap.nativeElement, this.mapOptions);  
   
this.marker.setMap(this.map);  
 
}  
}  

as sample above i need to use circle on  point 
lat = 40.73061;
lng = -73.935242;
without using marker 
so what i change on code to do that? 

Reply all
Reply to author
Forward
0 new messages