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?
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/ca3f4924-74ea-44a2-a076-b8380c01da89%40googlegroups.com.
