рдирдорд╕реНрддреЗ,
рдореИрдВ GoogleMapsAPIWrapper рд╕реЗрд╡рд╛ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдирдХреНрд╢реЗ рдХреА рд╕реАрдорд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред
рдореИрдВ рдкреНрд░реЙрдорд┐рд╕ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ
рдХреБрдЫ рднреА рдирд╣реАрдВ рд▓реМрдЯрд╛рдпрд╛ред
рдпрд╣рд╛рдБ рдореЗрд░рд╛ рдХреЛрдб рд╣реИред
constructor(private searchService: SearchService,
private wrapper: GoogleMapsAPIWrapper,
private _loader: MapsAPILoader,
private zone: NgZone) {
}
ngOnInit() {
this.wrapper.getBounds().then(x => console.log(x));
}
рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдирд╣реАрдВ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ peomise рдХрднреА рднреА рдХреБрдЫ рднреА рдирд╣реАрдВ рд▓реМрдЯрд╛рддрд╛ рд╣реИред
рдзрдиреНрдпрд╡рд╛рдж
@betfun рдЖрдкрдиреЗ рдЗрд╕ рдШрдЯрдХ рдХреЛ рдЕрдкрдиреЗ рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЗ рдЕрдВрджрд░ рдХрд╣рд╛рдВ рд░рдЦрд╛ рд╣реИ? рдХреЗ рдЕрдВрджрд░
рдореИрдВрдиреЗ рдЦреБрдж рдРрд╕рд╛ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рдШрдЯрдХ рдкрд░ рдерд╛ред
рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ "getNativeMap" рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛ рдФрд░ рдЙрд╕ рдкрд░ "рддрдм" рдХрд░рдирд╛ рдмрд┐рд▓реНрдХреБрд▓ рднреА рдХреЙрд▓ рдирд╣реАрдВ рд╣реЛ рд░рд╣рд╛ рд╣реИред
рдореИрдВрдиреЗ рдЙрд╕реА рдореБрджреНрджреЗ рдХрд╛ рдЕрдиреБрднрд╡ рдХрд┐рдпрд╛ рдЬрдм рдЗрд╕реЗ рдПрдХ рдШрдЯрдХ рдкрд░ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдЧрдИ рдереА, рдЬрд┐рд╕рдореЗрдВ рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ <sebm-google-maps>
рдерд╛ред рдореЗрд░рд╛ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдЖрд╡рд╢реНрдпрдХ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдкреНрд░рджрд░реНрд╢рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП <sebm-googe-maps><custom-component></custom-component></sebm-google-maps>
рдЕрдВрджрд░ рдЫреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдХрд╕реНрдЯрдо рдШрдЯрдХ рдмрдирд╛рдирд╛ рдерд╛ред
рдореЗрд░рд╛ рднреА рд╡рд╣реА рдореБрджреНрджрд╛ рд╣реИред рдЬрдм рдореИрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ:
this._wrapper.getNativeMap ()ред рддрдм ((рдореИрдк) => рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ ("рдореИрдкрдк", рдореИрдк));
mappp рдкреНрд░рд┐рдВрдЯ рдЖрдЙрдЯ рдирд╣реАрдВ рд╣реИред рдореИрдВ рдпрд╣ рдХреИрд╕реЗ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдЙрджрд╛рд╣рд░рдг sebm-google-map рдЙрджрд╛рд╣рд░рдг рдХреЗ рд╕рдорд╛рди рд╣реИ?
рдХрд┐рд╕реА рднреА рд╕рд╣рд╛рдпрддрд╛ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж
рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ MapComponent рд╣реИ рдЬреЛ рдПрдХ рдорд╛рдирдЪрд┐рддреНрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИ рдФрд░ рдореИрдВ рдПрдХ рдЕрдиреНрдп рдШрдЯрдХ рд╕реЗ рдЗрд╕рдХреА рд╕реАрдорд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдореИрдВ рдРрд╕рд╛ рдХреИрд╕реЗ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?
рдореИрдВ рднреА рдЗрд╕реА рдореБрджреНрджреЗ рдХреЛ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдБред
рдХрд┐рд╕реА рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЗ рдЕрдВрджрд░ sebm-google-map
рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛:
<sebm-google-map (boundsChange)="boundsChange($event)"></sebm-google-map>
рдФрд░ рдлрд┐рд░ рдЕрдкрдиреЗ рдШрдЯрдХ рдХреЗ рдЕрдВрджрд░:
boundsChange(event) {
console.log(event.getNorthEast().lat());
console.log(event.getNorthEast().lng());
console.log(event.getSouthWest().lat());
console.log(event.getSouthWest().lng());
}
@josueadelima рдзрдиреНрдпрд╡рд╛рдж!
рдпрд╣ рддрднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдорд╛рдирдЪрд┐рддреНрд░ рдкрд░ рдкреИрди рдХрд░рддрд╛ рд╣реИред
рдЬрдм рдирдХреНрд╢рд╛ рд▓реЛрдб рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдиреЗ рдЗрд╕реЗ рдирд╣реАрдВ рдЫреБрдЖ рд╣реИ, рддреЛ рдореБрдЭреЗ рд╕реАрдорд╛рдПрдВ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рднреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
@ рд╕рдмрд╕реНрдЯрд┐рдпрдирдо
Angular4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ Im, рдореИрдВ GoogleMapsAPIWrapper рдХреЗ рд╡рд╛рджреЛрдВ рдХреА рдкреБрд╖реНрдЯрд┐ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред
@craftpip рдореБрдЭреЗ рдореИрдк рд▓реЛрдб рдкрд░ рднреА рд╕реАрдорд╛ рдкрд░рд┐рд╡рд░реНрддрди рдХреА рдШрдЯрдирд╛ рдорд┐рд▓ рд░рд╣реА рд╣реИ ...
рдФрд░ рдЬреИрд╕рд╛ рдХрд┐ @craftpip рдЙрд▓реНрд▓реЗрдЦ рд╡рд╛рджреЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, Angular4 рднреА
рдпрджрд┐ рдЖрдк GoogleMapsAPIWrapper рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдореИрдк рдмрдирд╛рддреЗ рд╣реИрдВ рдФрд░ sebm-google-map
рдЯреЗрдореНрдкрд▓реЗрдЯ рдирд╣реАрдВ рддреЛ рд╢рд╛рдпрдж (рдЗрд╕рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИ) рд╡реЗ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ рд▓реЗрдХрд┐рди рддрдм рдЖрдк рдмрд╣реБрдд рдЕрдзрд┐рдХ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдвреАрд▓реА рдХрд░ рджреЗрддреЗ рд╣реИрдВ рдЬреЛ sebm-google-map
рдЖрдкрдХреЛ рджреЗрддрд╛ рд╣реИред
рдореИрдВ рдирд┐рд░реНрджреЗрд╢рди <agm-circle>
рд▓реЛрдб рд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдореВрд▓ рддрддреНрд╡ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рд▓реЗрдХрд┐рди рдореИрдВ рдореВрд▓ рддрддреНрд╡ рд╕реЗ рдПрдЧрдордХреНрд░рд┐рд╕рд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд╣реАрдВ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрд╛ред
this.circleManager.getBounds(this.searchCircle).then((bounds) => { console.log(bounds); });
http://plnkr.co/edit/nG6lUsm1KLbQRv3SRdgW?p редpreview
рдЗрд╕ рдкрд░ рдХрд┐рд╕реА рднреА рдорджрдж рдХреА рд╕рд░рд╛рд╣рдирд╛ рдХрд░реЗрдВред
рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдлрд┐рдХреНрд╕? рдореИрдВ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдФрд░ рдШрдЯрдирд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИред
@jplew рдХреЛ рдзрдиреНрдпрд╡рд╛рдж
рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╕реАрдорд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ;)
latNorth: number
@ViewChild(AgmMap) mapElement: any
...
checkBounds(map) {
const ln = this.mapElement._mapsWrapper.getBounds()
.then( (latLngBounds) => {
return latLngBounds.getNorthEast().lat()
})
ln.then( x => this.latNorth = x )
рд╡рд╛рджреЗ рдЕрднреА рднреА рдХреЛрдгреАрдп 4 рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рди рдХреЗрд╡рд▓ рд╣реИ getBounds
рд╕рдорд╛рд░реЛрд╣, рдЬреИрд╕реЗ рднреА рдПрдХ рдФрд░ рдХрд╛рд░реНрдпреЛрдВ createMarker
рдЬрд╣рд╛рдВ рд╡рд╛рджрд╛ excuted рдирд╣реАрдВ рдкреНрд░рд╛рдкреНрдд рдХрд░рддрд╛ рд╣реИ
рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред
рдЕрднреА рднреА рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд░рд╣рд╛ рд╣реИред
рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред
рдЕрдм рднреА, рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд╣реЛрдиреЗ рдХреЗ рдмрд╛рд╡рдЬреВрдж, рдХреНрдпрд╛ рдХрд┐рд╕реА рдХреЛ рдпрд╣ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдорд┐рд▓рд╛ рд╣реИ?
рдЖрдк рд▓реЛрдЧ GoogleAPIWrapper рд╕реЗ рдЧреЗрдЯрдмрд╛рдЙрдВрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреНрдпреЛрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ?
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
@ рд╕рдмрд╕реНрдЯрд┐рдпрдирдо
Angular4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ Im, рдореИрдВ GoogleMapsAPIWrapper рдХреЗ рд╡рд╛рджреЛрдВ рдХреА рдкреБрд╖реНрдЯрд┐ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред