@angular/google-maps 13.0.0-next.7 → 13.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/google-map/google-map.mjs +445 -0
- package/esm2020/google-maps-module.mjs +86 -0
- package/esm2020/google-maps_public_index.mjs +5 -0
- package/esm2020/index.mjs +9 -0
- package/{esm2015/map-anchor-point.js → esm2020/map-anchor-point.mjs} +2 -2
- package/esm2020/map-base-layer.mjs +51 -0
- package/esm2020/map-bicycling-layer/map-bicycling-layer.mjs +48 -0
- package/esm2020/map-circle/map-circle.mjs +268 -0
- package/esm2020/map-directions-renderer/map-directions-renderer.mjs +138 -0
- package/esm2020/map-directions-renderer/map-directions-service.mjs +51 -0
- package/esm2020/map-event-manager.mjs +67 -0
- package/esm2020/map-geocoder/map-geocoder.mjs +47 -0
- package/esm2020/map-ground-overlay/map-ground-overlay.mjs +177 -0
- package/esm2020/map-heatmap-layer/map-heatmap-layer.mjs +135 -0
- package/esm2020/map-info-window/map-info-window.mjs +203 -0
- package/esm2020/map-kml-layer/map-kml-layer.mjs +170 -0
- package/esm2020/map-marker/map-marker.mjs +427 -0
- package/esm2020/map-marker-clusterer/map-marker-clusterer.mjs +407 -0
- package/esm2020/map-marker-clusterer/marker-clusterer-types.mjs +9 -0
- package/esm2020/map-polygon/map-polygon.mjs +216 -0
- package/esm2020/map-polyline/map-polyline.mjs +207 -0
- package/esm2020/map-rectangle/map-rectangle.mjs +229 -0
- package/esm2020/map-traffic-layer/map-traffic-layer.mjs +93 -0
- package/esm2020/map-transit-layer/map-transit-layer.mjs +48 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +0 -0
- package/fesm2015/{google-maps.js → google-maps.mjs} +590 -518
- package/fesm2015/google-maps.mjs.map +1 -0
- package/fesm2020/google-maps.mjs +3257 -0
- package/fesm2020/google-maps.mjs.map +1 -0
- package/google-map/google-map.d.ts +10 -7
- package/google-maps-module.d.ts +20 -7
- package/google-maps_public_index.d.ts +4 -0
- package/index.d.ts +5 -1
- package/map-anchor-point.d.ts +1 -1
- package/map-base-layer.d.ts +3 -0
- package/map-bicycling-layer/map-bicycling-layer.d.ts +4 -8
- package/map-circle/map-circle.d.ts +6 -3
- package/map-directions-renderer/map-directions-renderer.d.ts +6 -3
- package/map-directions-renderer/map-directions-service.d.ts +4 -1
- package/map-event-manager.d.ts +1 -1
- package/map-geocoder/map-geocoder.d.ts +4 -1
- package/map-ground-overlay/map-ground-overlay.d.ts +5 -2
- package/map-heatmap-layer/map-heatmap-layer.d.ts +4 -1
- package/map-info-window/map-info-window.d.ts +5 -2
- package/map-kml-layer/map-kml-layer.d.ts +6 -3
- package/map-marker/map-marker.d.ts +4 -1
- package/map-marker-clusterer/map-marker-clusterer.d.ts +5 -2
- package/map-marker-clusterer/marker-clusterer-types.d.ts +1 -1
- package/map-polygon/map-polygon.d.ts +4 -1
- package/map-polyline/map-polyline.d.ts +4 -1
- package/map-rectangle/map-rectangle.d.ts +5 -2
- package/map-traffic-layer/map-traffic-layer.d.ts +4 -1
- package/map-transit-layer/map-transit-layer.d.ts +4 -8
- package/package.json +23 -9
- package/bundles/google-maps.umd.js +0 -3757
- package/bundles/google-maps.umd.js.map +0 -1
- package/esm2015/google-map/google-map.js +0 -418
- package/esm2015/google-maps-module.js +0 -51
- package/esm2015/google-maps.externs.js +0 -6
- package/esm2015/index.js +0 -5
- package/esm2015/map-base-layer.js +0 -49
- package/esm2015/map-bicycling-layer/map-bicycling-layer.js +0 -43
- package/esm2015/map-circle/map-circle.js +0 -247
- package/esm2015/map-directions-renderer/map-directions-renderer.js +0 -131
- package/esm2015/map-directions-renderer/map-directions-service.js +0 -52
- package/esm2015/map-event-manager.js +0 -67
- package/esm2015/map-geocoder/map-geocoder.js +0 -47
- package/esm2015/map-ground-overlay/map-ground-overlay.js +0 -171
- package/esm2015/map-heatmap-layer/map-heatmap-layer.js +0 -130
- package/esm2015/map-info-window/map-info-window.js +0 -193
- package/esm2015/map-kml-layer/map-kml-layer.js +0 -160
- package/esm2015/map-marker/map-marker.js +0 -391
- package/esm2015/map-marker-clusterer/map-marker-clusterer.js +0 -360
- package/esm2015/map-marker-clusterer/marker-clusterer-types.js +0 -9
- package/esm2015/map-polygon/map-polygon.js +0 -198
- package/esm2015/map-polyline/map-polyline.js +0 -189
- package/esm2015/map-rectangle/map-rectangle.js +0 -210
- package/esm2015/map-traffic-layer/map-traffic-layer.js +0 -88
- package/esm2015/map-transit-layer/map-transit-layer.js +0 -43
- package/fesm2015/google-maps.js.map +0 -1
- package/index.metadata.json +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation,
|
|
2
|
+
import { EventEmitter, PLATFORM_ID, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Input, Output, Directive, ContentChildren, NgModule, Injectable } from '@angular/core';
|
|
3
3
|
import { isPlatformBrowser } from '@angular/common';
|
|
4
4
|
import { BehaviorSubject, Observable, Subject, combineLatest } from 'rxjs';
|
|
5
5
|
import { switchMap, take, map, takeUntil } from 'rxjs/operators';
|
|
@@ -69,19 +69,13 @@ class MapEventManager {
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
|
|
73
|
-
* @license
|
|
74
|
-
* Copyright Google LLC All Rights Reserved.
|
|
75
|
-
*
|
|
76
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
77
|
-
* found in the LICENSE file at https://angular.io/license
|
|
78
|
-
*/
|
|
72
|
+
/// <reference types="google.maps" />
|
|
79
73
|
/** default options set to the Googleplex */
|
|
80
74
|
const DEFAULT_OPTIONS = {
|
|
81
75
|
center: { lat: 37.421995, lng: -122.084092 },
|
|
82
76
|
zoom: 17,
|
|
83
77
|
// Note: the type conversion here isn't necessary for our CI, but it resolves a g3 failure.
|
|
84
|
-
mapTypeId: 'roadmap'
|
|
78
|
+
mapTypeId: 'roadmap',
|
|
85
79
|
};
|
|
86
80
|
/** Arbitrary default height for the map element */
|
|
87
81
|
const DEFAULT_HEIGHT = '500px';
|
|
@@ -121,8 +115,7 @@ class GoogleMap {
|
|
|
121
115
|
* See
|
|
122
116
|
* https://developers.google.com/maps/documentation/javascript/reference/map#Map.click
|
|
123
117
|
*/
|
|
124
|
-
this.mapClick = this._eventManager
|
|
125
|
-
.getLazyEmitter('click');
|
|
118
|
+
this.mapClick = this._eventManager.getLazyEmitter('click');
|
|
126
119
|
/**
|
|
127
120
|
* See
|
|
128
121
|
* https://developers.google.com/maps/documentation/javascript/reference/map#Map.dblclick
|
|
@@ -345,7 +338,7 @@ class GoogleMap {
|
|
|
345
338
|
*/
|
|
346
339
|
getProjection() {
|
|
347
340
|
this._assertInitialized();
|
|
348
|
-
return this.googleMap.getProjection();
|
|
341
|
+
return this.googleMap.getProjection() || null;
|
|
349
342
|
}
|
|
350
343
|
/**
|
|
351
344
|
* See
|
|
@@ -407,8 +400,8 @@ class GoogleMap {
|
|
|
407
400
|
if (this._mapEl) {
|
|
408
401
|
const styles = this._mapEl.style;
|
|
409
402
|
styles.height =
|
|
410
|
-
this.height === null ? '' :
|
|
411
|
-
styles.width = this.width === null ? '' :
|
|
403
|
+
this.height === null ? '' : coerceCssPixelValue(this.height) || DEFAULT_HEIGHT;
|
|
404
|
+
styles.width = this.width === null ? '' : coerceCssPixelValue(this.width) || DEFAULT_WIDTH;
|
|
412
405
|
}
|
|
413
406
|
}
|
|
414
407
|
/** Combines the center and zoom and the other map options into a single object */
|
|
@@ -431,47 +424,73 @@ class GoogleMap {
|
|
|
431
424
|
}
|
|
432
425
|
}
|
|
433
426
|
}
|
|
434
|
-
GoogleMap
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
}
|
|
427
|
+
GoogleMap.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: GoogleMap, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });
|
|
428
|
+
GoogleMap.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0-next.15", type: GoogleMap, selector: "google-map", inputs: { height: "height", width: "width", mapTypeId: "mapTypeId", center: "center", zoom: "zoom", options: "options" }, outputs: { authFailure: "authFailure", boundsChanged: "boundsChanged", centerChanged: "centerChanged", mapClick: "mapClick", mapDblclick: "mapDblclick", mapDrag: "mapDrag", mapDragend: "mapDragend", mapDragstart: "mapDragstart", headingChanged: "headingChanged", idle: "idle", maptypeidChanged: "maptypeidChanged", mapMousemove: "mapMousemove", mapMouseout: "mapMouseout", mapMouseover: "mapMouseover", projectionChanged: "projectionChanged", mapRightclick: "mapRightclick", tilesloaded: "tilesloaded", tiltChanged: "tiltChanged", zoomChanged: "zoomChanged" }, exportAs: ["googleMap"], usesOnChanges: true, ngImport: i0, template: '<div class="map-container"></div><ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: GoogleMap, decorators: [{
|
|
430
|
+
type: Component,
|
|
431
|
+
args: [{
|
|
432
|
+
selector: 'google-map',
|
|
433
|
+
exportAs: 'googleMap',
|
|
434
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
435
|
+
template: '<div class="map-container"></div><ng-content></ng-content>',
|
|
436
|
+
encapsulation: ViewEncapsulation.None,
|
|
437
|
+
}]
|
|
438
|
+
}], ctorParameters: function () {
|
|
439
|
+
return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: Object, decorators: [{
|
|
440
|
+
type: Inject,
|
|
441
|
+
args: [PLATFORM_ID]
|
|
442
|
+
}] }];
|
|
443
|
+
}, propDecorators: { height: [{
|
|
444
|
+
type: Input
|
|
445
|
+
}], width: [{
|
|
446
|
+
type: Input
|
|
447
|
+
}], mapTypeId: [{
|
|
448
|
+
type: Input
|
|
449
|
+
}], center: [{
|
|
450
|
+
type: Input
|
|
451
|
+
}], zoom: [{
|
|
452
|
+
type: Input
|
|
453
|
+
}], options: [{
|
|
454
|
+
type: Input
|
|
455
|
+
}], authFailure: [{
|
|
456
|
+
type: Output
|
|
457
|
+
}], boundsChanged: [{
|
|
458
|
+
type: Output
|
|
459
|
+
}], centerChanged: [{
|
|
460
|
+
type: Output
|
|
461
|
+
}], mapClick: [{
|
|
462
|
+
type: Output
|
|
463
|
+
}], mapDblclick: [{
|
|
464
|
+
type: Output
|
|
465
|
+
}], mapDrag: [{
|
|
466
|
+
type: Output
|
|
467
|
+
}], mapDragend: [{
|
|
468
|
+
type: Output
|
|
469
|
+
}], mapDragstart: [{
|
|
470
|
+
type: Output
|
|
471
|
+
}], headingChanged: [{
|
|
472
|
+
type: Output
|
|
473
|
+
}], idle: [{
|
|
474
|
+
type: Output
|
|
475
|
+
}], maptypeidChanged: [{
|
|
476
|
+
type: Output
|
|
477
|
+
}], mapMousemove: [{
|
|
478
|
+
type: Output
|
|
479
|
+
}], mapMouseout: [{
|
|
480
|
+
type: Output
|
|
481
|
+
}], mapMouseover: [{
|
|
482
|
+
type: Output
|
|
483
|
+
}], projectionChanged: [{
|
|
484
|
+
type: Output
|
|
485
|
+
}], mapRightclick: [{
|
|
486
|
+
type: Output
|
|
487
|
+
}], tilesloaded: [{
|
|
488
|
+
type: Output
|
|
489
|
+
}], tiltChanged: [{
|
|
490
|
+
type: Output
|
|
491
|
+
}], zoomChanged: [{
|
|
492
|
+
type: Output
|
|
493
|
+
}] } });
|
|
475
494
|
const cssUnitsPattern = /([A-Za-z%]+)$/;
|
|
476
495
|
/** Coerces a value to a CSS pixel value. */
|
|
477
496
|
function coerceCssPixelValue(value) {
|
|
@@ -481,13 +500,7 @@ function coerceCssPixelValue(value) {
|
|
|
481
500
|
return cssUnitsPattern.test(value) ? value : `${value}px`;
|
|
482
501
|
}
|
|
483
502
|
|
|
484
|
-
|
|
485
|
-
* @license
|
|
486
|
-
* Copyright Google LLC All Rights Reserved.
|
|
487
|
-
*
|
|
488
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
489
|
-
* found in the LICENSE file at https://angular.io/license
|
|
490
|
-
*/
|
|
503
|
+
/// <reference types="google.maps" />
|
|
491
504
|
class MapBaseLayer {
|
|
492
505
|
constructor(_map, _ngZone) {
|
|
493
506
|
this._map = _map;
|
|
@@ -515,24 +528,17 @@ class MapBaseLayer {
|
|
|
515
528
|
_setMap() { }
|
|
516
529
|
_unsetMap() { }
|
|
517
530
|
}
|
|
518
|
-
MapBaseLayer
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
];
|
|
531
|
+
MapBaseLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapBaseLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
532
|
+
MapBaseLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapBaseLayer, selector: "map-base-layer", exportAs: ["mapBaseLayer"], ngImport: i0 });
|
|
533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapBaseLayer, decorators: [{
|
|
534
|
+
type: Directive,
|
|
535
|
+
args: [{
|
|
536
|
+
selector: 'map-base-layer',
|
|
537
|
+
exportAs: 'mapBaseLayer',
|
|
538
|
+
}]
|
|
539
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; } });
|
|
528
540
|
|
|
529
|
-
|
|
530
|
-
* @license
|
|
531
|
-
* Copyright Google LLC All Rights Reserved.
|
|
532
|
-
*
|
|
533
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
534
|
-
* found in the LICENSE file at https://angular.io/license
|
|
535
|
-
*/
|
|
541
|
+
/// <reference types="google.maps" />
|
|
536
542
|
/**
|
|
537
543
|
* Angular component that renders a Google Maps Bicycling Layer via the Google Maps JavaScript API.
|
|
538
544
|
*
|
|
@@ -558,20 +564,17 @@ class MapBicyclingLayer extends MapBaseLayer {
|
|
|
558
564
|
}
|
|
559
565
|
}
|
|
560
566
|
}
|
|
561
|
-
MapBicyclingLayer
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
+
MapBicyclingLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapBicyclingLayer, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
568
|
+
MapBicyclingLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapBicyclingLayer, selector: "map-bicycling-layer", exportAs: ["mapBicyclingLayer"], usesInheritance: true, ngImport: i0 });
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapBicyclingLayer, decorators: [{
|
|
570
|
+
type: Directive,
|
|
571
|
+
args: [{
|
|
572
|
+
selector: 'map-bicycling-layer',
|
|
573
|
+
exportAs: 'mapBicyclingLayer',
|
|
574
|
+
}]
|
|
575
|
+
}] });
|
|
567
576
|
|
|
568
|
-
|
|
569
|
-
* @license
|
|
570
|
-
* Copyright Google LLC All Rights Reserved.
|
|
571
|
-
*
|
|
572
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
573
|
-
* found in the LICENSE file at https://angular.io/license
|
|
574
|
-
*/
|
|
577
|
+
/// <reference types="google.maps" />
|
|
575
578
|
/**
|
|
576
579
|
* Angular component that renders a Google Maps Circle via the Google Maps JavaScript API.
|
|
577
580
|
* @see developers.google.com/maps/documentation/javascript/reference/polygon#Circle
|
|
@@ -662,7 +665,9 @@ class MapCircle {
|
|
|
662
665
|
}
|
|
663
666
|
ngOnInit() {
|
|
664
667
|
if (this._map._isBrowser) {
|
|
665
|
-
this._combineOptions()
|
|
668
|
+
this._combineOptions()
|
|
669
|
+
.pipe(take(1))
|
|
670
|
+
.subscribe(options => {
|
|
666
671
|
// Create the object outside the zone so its events don't trigger change detection.
|
|
667
672
|
// We'll bring it back in inside the `MapEventManager` only for the events that the
|
|
668
673
|
// user has subscribed to.
|
|
@@ -735,8 +740,7 @@ class MapCircle {
|
|
|
735
740
|
return this.circle.getVisible();
|
|
736
741
|
}
|
|
737
742
|
_combineOptions() {
|
|
738
|
-
return combineLatest([this._options, this._center, this._radius])
|
|
739
|
-
.pipe(map(([options, center, radius]) => {
|
|
743
|
+
return combineLatest([this._options, this._center, this._radius]).pipe(map(([options, center, radius]) => {
|
|
740
744
|
const combinedOptions = Object.assign(Object.assign({}, options), { center: center || options.center, radius: radius !== undefined ? radius : options.radius });
|
|
741
745
|
return combinedOptions;
|
|
742
746
|
}));
|
|
@@ -776,42 +780,49 @@ class MapCircle {
|
|
|
776
780
|
}
|
|
777
781
|
}
|
|
778
782
|
}
|
|
779
|
-
MapCircle
|
|
780
|
-
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
783
|
+
MapCircle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapCircle, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
784
|
+
MapCircle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapCircle, selector: "map-circle", inputs: { options: "options", center: "center", radius: "radius" }, outputs: { centerChanged: "centerChanged", circleClick: "circleClick", circleDblclick: "circleDblclick", circleDrag: "circleDrag", circleDragend: "circleDragend", circleDragstart: "circleDragstart", circleMousedown: "circleMousedown", circleMousemove: "circleMousemove", circleMouseout: "circleMouseout", circleMouseover: "circleMouseover", circleMouseup: "circleMouseup", radiusChanged: "radiusChanged", circleRightclick: "circleRightclick" }, exportAs: ["mapCircle"], ngImport: i0 });
|
|
785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapCircle, decorators: [{
|
|
786
|
+
type: Directive,
|
|
787
|
+
args: [{
|
|
788
|
+
selector: 'map-circle',
|
|
789
|
+
exportAs: 'mapCircle',
|
|
790
|
+
}]
|
|
791
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
|
|
792
|
+
type: Input
|
|
793
|
+
}], center: [{
|
|
794
|
+
type: Input
|
|
795
|
+
}], radius: [{
|
|
796
|
+
type: Input
|
|
797
|
+
}], centerChanged: [{
|
|
798
|
+
type: Output
|
|
799
|
+
}], circleClick: [{
|
|
800
|
+
type: Output
|
|
801
|
+
}], circleDblclick: [{
|
|
802
|
+
type: Output
|
|
803
|
+
}], circleDrag: [{
|
|
804
|
+
type: Output
|
|
805
|
+
}], circleDragend: [{
|
|
806
|
+
type: Output
|
|
807
|
+
}], circleDragstart: [{
|
|
808
|
+
type: Output
|
|
809
|
+
}], circleMousedown: [{
|
|
810
|
+
type: Output
|
|
811
|
+
}], circleMousemove: [{
|
|
812
|
+
type: Output
|
|
813
|
+
}], circleMouseout: [{
|
|
814
|
+
type: Output
|
|
815
|
+
}], circleMouseover: [{
|
|
816
|
+
type: Output
|
|
817
|
+
}], circleMouseup: [{
|
|
818
|
+
type: Output
|
|
819
|
+
}], radiusChanged: [{
|
|
820
|
+
type: Output
|
|
821
|
+
}], circleRightclick: [{
|
|
822
|
+
type: Output
|
|
823
|
+
}] } });
|
|
807
824
|
|
|
808
|
-
|
|
809
|
-
* @license
|
|
810
|
-
* Copyright Google LLC All Rights Reserved.
|
|
811
|
-
*
|
|
812
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
813
|
-
* found in the LICENSE file at https://angular.io/license
|
|
814
|
-
*/
|
|
825
|
+
/// <reference types="google.maps" />
|
|
815
826
|
/**
|
|
816
827
|
* Angular component that renders a Google Maps Directions Renderer via the Google Maps
|
|
817
828
|
* JavaScript API.
|
|
@@ -914,29 +925,23 @@ class MapDirectionsRenderer {
|
|
|
914
925
|
}
|
|
915
926
|
}
|
|
916
927
|
}
|
|
917
|
-
MapDirectionsRenderer
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
};
|
|
928
|
+
MapDirectionsRenderer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapDirectionsRenderer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
929
|
+
MapDirectionsRenderer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapDirectionsRenderer, selector: "map-directions-renderer", inputs: { directions: "directions", options: "options" }, outputs: { directionsChanged: "directionsChanged" }, exportAs: ["mapDirectionsRenderer"], usesOnChanges: true, ngImport: i0 });
|
|
930
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapDirectionsRenderer, decorators: [{
|
|
931
|
+
type: Directive,
|
|
932
|
+
args: [{
|
|
933
|
+
selector: 'map-directions-renderer',
|
|
934
|
+
exportAs: 'mapDirectionsRenderer',
|
|
935
|
+
}]
|
|
936
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { directions: [{
|
|
937
|
+
type: Input
|
|
938
|
+
}], options: [{
|
|
939
|
+
type: Input
|
|
940
|
+
}], directionsChanged: [{
|
|
941
|
+
type: Output
|
|
942
|
+
}] } });
|
|
932
943
|
|
|
933
|
-
|
|
934
|
-
* @license
|
|
935
|
-
* Copyright Google LLC All Rights Reserved.
|
|
936
|
-
*
|
|
937
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
938
|
-
* found in the LICENSE file at https://angular.io/license
|
|
939
|
-
*/
|
|
944
|
+
/// <reference types="google.maps" />
|
|
940
945
|
/**
|
|
941
946
|
* Angular component that renders a Google Maps Ground Overlay via the Google Maps JavaScript API.
|
|
942
947
|
*
|
|
@@ -1075,32 +1080,29 @@ class MapGroundOverlay {
|
|
|
1075
1080
|
}
|
|
1076
1081
|
}
|
|
1077
1082
|
}
|
|
1078
|
-
MapGroundOverlay
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1083
|
+
MapGroundOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapGroundOverlay, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1084
|
+
MapGroundOverlay.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapGroundOverlay, selector: "map-ground-overlay", inputs: { url: "url", bounds: "bounds", clickable: "clickable", opacity: "opacity" }, outputs: { mapClick: "mapClick", mapDblclick: "mapDblclick" }, exportAs: ["mapGroundOverlay"], ngImport: i0 });
|
|
1085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapGroundOverlay, decorators: [{
|
|
1086
|
+
type: Directive,
|
|
1087
|
+
args: [{
|
|
1088
|
+
selector: 'map-ground-overlay',
|
|
1089
|
+
exportAs: 'mapGroundOverlay',
|
|
1090
|
+
}]
|
|
1091
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { url: [{
|
|
1092
|
+
type: Input
|
|
1093
|
+
}], bounds: [{
|
|
1094
|
+
type: Input
|
|
1095
|
+
}], clickable: [{
|
|
1096
|
+
type: Input
|
|
1097
|
+
}], opacity: [{
|
|
1098
|
+
type: Input
|
|
1099
|
+
}], mapClick: [{
|
|
1100
|
+
type: Output
|
|
1101
|
+
}], mapDblclick: [{
|
|
1102
|
+
type: Output
|
|
1103
|
+
}] } });
|
|
1096
1104
|
|
|
1097
|
-
|
|
1098
|
-
* @license
|
|
1099
|
-
* Copyright Google LLC All Rights Reserved.
|
|
1100
|
-
*
|
|
1101
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
1102
|
-
* found in the LICENSE file at https://angular.io/license
|
|
1103
|
-
*/
|
|
1105
|
+
/// <reference types="google.maps" />
|
|
1104
1106
|
/**
|
|
1105
1107
|
* Angular component that renders a Google Maps info window via the Google Maps JavaScript API.
|
|
1106
1108
|
*
|
|
@@ -1189,7 +1191,7 @@ class MapInfoWindow {
|
|
|
1189
1191
|
*/
|
|
1190
1192
|
getContent() {
|
|
1191
1193
|
this._assertInitialized();
|
|
1192
|
-
return this.infoWindow.getContent();
|
|
1194
|
+
return this.infoWindow.getContent() || null;
|
|
1193
1195
|
}
|
|
1194
1196
|
/**
|
|
1195
1197
|
* See
|
|
@@ -1198,7 +1200,7 @@ class MapInfoWindow {
|
|
|
1198
1200
|
*/
|
|
1199
1201
|
getPosition() {
|
|
1200
1202
|
this._assertInitialized();
|
|
1201
|
-
return this.infoWindow.getPosition();
|
|
1203
|
+
return this.infoWindow.getPosition() || null;
|
|
1202
1204
|
}
|
|
1203
1205
|
/**
|
|
1204
1206
|
* See
|
|
@@ -1258,35 +1260,32 @@ class MapInfoWindow {
|
|
|
1258
1260
|
}
|
|
1259
1261
|
}
|
|
1260
1262
|
}
|
|
1261
|
-
MapInfoWindow
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
]
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1263
|
+
MapInfoWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapInfoWindow, deps: [{ token: GoogleMap }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1264
|
+
MapInfoWindow.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapInfoWindow, selector: "map-info-window", inputs: { options: "options", position: "position" }, outputs: { closeclick: "closeclick", contentChanged: "contentChanged", domready: "domready", positionChanged: "positionChanged", zindexChanged: "zindexChanged" }, host: { styleAttribute: "display: none" }, exportAs: ["mapInfoWindow"], ngImport: i0 });
|
|
1265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapInfoWindow, decorators: [{
|
|
1266
|
+
type: Directive,
|
|
1267
|
+
args: [{
|
|
1268
|
+
selector: 'map-info-window',
|
|
1269
|
+
exportAs: 'mapInfoWindow',
|
|
1270
|
+
host: { 'style': 'display: none' },
|
|
1271
|
+
}]
|
|
1272
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { options: [{
|
|
1273
|
+
type: Input
|
|
1274
|
+
}], position: [{
|
|
1275
|
+
type: Input
|
|
1276
|
+
}], closeclick: [{
|
|
1277
|
+
type: Output
|
|
1278
|
+
}], contentChanged: [{
|
|
1279
|
+
type: Output
|
|
1280
|
+
}], domready: [{
|
|
1281
|
+
type: Output
|
|
1282
|
+
}], positionChanged: [{
|
|
1283
|
+
type: Output
|
|
1284
|
+
}], zindexChanged: [{
|
|
1285
|
+
type: Output
|
|
1286
|
+
}] } });
|
|
1282
1287
|
|
|
1283
|
-
|
|
1284
|
-
* @license
|
|
1285
|
-
* Copyright Google LLC All Rights Reserved.
|
|
1286
|
-
*
|
|
1287
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
1288
|
-
* found in the LICENSE file at https://angular.io/license
|
|
1289
|
-
*/
|
|
1288
|
+
/// <reference types="google.maps" />
|
|
1290
1289
|
/**
|
|
1291
1290
|
* Angular component that renders a Google Maps KML Layer via the Google Maps JavaScript API.
|
|
1292
1291
|
*
|
|
@@ -1323,11 +1322,13 @@ class MapKmlLayer {
|
|
|
1323
1322
|
}
|
|
1324
1323
|
ngOnInit() {
|
|
1325
1324
|
if (this._map._isBrowser) {
|
|
1326
|
-
this._combineOptions()
|
|
1325
|
+
this._combineOptions()
|
|
1326
|
+
.pipe(take(1))
|
|
1327
|
+
.subscribe(options => {
|
|
1327
1328
|
// Create the object outside the zone so its events don't trigger change detection.
|
|
1328
1329
|
// We'll bring it back in inside the `MapEventManager` only for the events that the
|
|
1329
1330
|
// user has subscribed to.
|
|
1330
|
-
this._ngZone.runOutsideAngular(() => this.kmlLayer = new google.maps.KmlLayer(options));
|
|
1331
|
+
this._ngZone.runOutsideAngular(() => (this.kmlLayer = new google.maps.KmlLayer(options)));
|
|
1331
1332
|
this._assertInitialized();
|
|
1332
1333
|
this.kmlLayer.setMap(this._map.googleMap);
|
|
1333
1334
|
this._eventManager.setTarget(this.kmlLayer);
|
|
@@ -1415,31 +1416,27 @@ class MapKmlLayer {
|
|
|
1415
1416
|
}
|
|
1416
1417
|
}
|
|
1417
1418
|
}
|
|
1418
|
-
MapKmlLayer
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
}
|
|
1419
|
+
MapKmlLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapKmlLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1420
|
+
MapKmlLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapKmlLayer, selector: "map-kml-layer", inputs: { options: "options", url: "url" }, outputs: { kmlClick: "kmlClick", defaultviewportChanged: "defaultviewportChanged", statusChanged: "statusChanged" }, exportAs: ["mapKmlLayer"], ngImport: i0 });
|
|
1421
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapKmlLayer, decorators: [{
|
|
1422
|
+
type: Directive,
|
|
1423
|
+
args: [{
|
|
1424
|
+
selector: 'map-kml-layer',
|
|
1425
|
+
exportAs: 'mapKmlLayer',
|
|
1426
|
+
}]
|
|
1427
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
|
|
1428
|
+
type: Input
|
|
1429
|
+
}], url: [{
|
|
1430
|
+
type: Input
|
|
1431
|
+
}], kmlClick: [{
|
|
1432
|
+
type: Output
|
|
1433
|
+
}], defaultviewportChanged: [{
|
|
1434
|
+
type: Output
|
|
1435
|
+
}], statusChanged: [{
|
|
1436
|
+
type: Output
|
|
1437
|
+
}] } });
|
|
1435
1438
|
|
|
1436
|
-
|
|
1437
|
-
* @license
|
|
1438
|
-
* Copyright Google LLC All Rights Reserved.
|
|
1439
|
-
*
|
|
1440
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
1441
|
-
* found in the LICENSE file at https://angular.io/license
|
|
1442
|
-
*/
|
|
1439
|
+
/// <reference types="google.maps" />
|
|
1443
1440
|
/**
|
|
1444
1441
|
* Default options for the Google Maps marker component. Displays a marker
|
|
1445
1442
|
* at the Googleplex.
|
|
@@ -1777,54 +1774,73 @@ class MapMarker {
|
|
|
1777
1774
|
}
|
|
1778
1775
|
}
|
|
1779
1776
|
}
|
|
1780
|
-
MapMarker
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1792
|
-
|
|
1793
|
-
|
|
1794
|
-
|
|
1795
|
-
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
|
|
1803
|
-
|
|
1804
|
-
|
|
1805
|
-
|
|
1806
|
-
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
|
|
1811
|
-
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1777
|
+
MapMarker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapMarker, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1778
|
+
MapMarker.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapMarker, selector: "map-marker", inputs: { title: "title", position: "position", label: "label", clickable: "clickable", options: "options", icon: "icon", visible: "visible" }, outputs: { animationChanged: "animationChanged", mapClick: "mapClick", clickableChanged: "clickableChanged", cursorChanged: "cursorChanged", mapDblclick: "mapDblclick", mapDrag: "mapDrag", mapDragend: "mapDragend", draggableChanged: "draggableChanged", mapDragstart: "mapDragstart", flatChanged: "flatChanged", iconChanged: "iconChanged", mapMousedown: "mapMousedown", mapMouseout: "mapMouseout", mapMouseover: "mapMouseover", mapMouseup: "mapMouseup", positionChanged: "positionChanged", mapRightclick: "mapRightclick", shapeChanged: "shapeChanged", titleChanged: "titleChanged", visibleChanged: "visibleChanged", zindexChanged: "zindexChanged" }, exportAs: ["mapMarker"], usesOnChanges: true, ngImport: i0 });
|
|
1779
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapMarker, decorators: [{
|
|
1780
|
+
type: Directive,
|
|
1781
|
+
args: [{
|
|
1782
|
+
selector: 'map-marker',
|
|
1783
|
+
exportAs: 'mapMarker',
|
|
1784
|
+
}]
|
|
1785
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { title: [{
|
|
1786
|
+
type: Input
|
|
1787
|
+
}], position: [{
|
|
1788
|
+
type: Input
|
|
1789
|
+
}], label: [{
|
|
1790
|
+
type: Input
|
|
1791
|
+
}], clickable: [{
|
|
1792
|
+
type: Input
|
|
1793
|
+
}], options: [{
|
|
1794
|
+
type: Input
|
|
1795
|
+
}], icon: [{
|
|
1796
|
+
type: Input
|
|
1797
|
+
}], visible: [{
|
|
1798
|
+
type: Input
|
|
1799
|
+
}], animationChanged: [{
|
|
1800
|
+
type: Output
|
|
1801
|
+
}], mapClick: [{
|
|
1802
|
+
type: Output
|
|
1803
|
+
}], clickableChanged: [{
|
|
1804
|
+
type: Output
|
|
1805
|
+
}], cursorChanged: [{
|
|
1806
|
+
type: Output
|
|
1807
|
+
}], mapDblclick: [{
|
|
1808
|
+
type: Output
|
|
1809
|
+
}], mapDrag: [{
|
|
1810
|
+
type: Output
|
|
1811
|
+
}], mapDragend: [{
|
|
1812
|
+
type: Output
|
|
1813
|
+
}], draggableChanged: [{
|
|
1814
|
+
type: Output
|
|
1815
|
+
}], mapDragstart: [{
|
|
1816
|
+
type: Output
|
|
1817
|
+
}], flatChanged: [{
|
|
1818
|
+
type: Output
|
|
1819
|
+
}], iconChanged: [{
|
|
1820
|
+
type: Output
|
|
1821
|
+
}], mapMousedown: [{
|
|
1822
|
+
type: Output
|
|
1823
|
+
}], mapMouseout: [{
|
|
1824
|
+
type: Output
|
|
1825
|
+
}], mapMouseover: [{
|
|
1826
|
+
type: Output
|
|
1827
|
+
}], mapMouseup: [{
|
|
1828
|
+
type: Output
|
|
1829
|
+
}], positionChanged: [{
|
|
1830
|
+
type: Output
|
|
1831
|
+
}], mapRightclick: [{
|
|
1832
|
+
type: Output
|
|
1833
|
+
}], shapeChanged: [{
|
|
1834
|
+
type: Output
|
|
1835
|
+
}], titleChanged: [{
|
|
1836
|
+
type: Output
|
|
1837
|
+
}], visibleChanged: [{
|
|
1838
|
+
type: Output
|
|
1839
|
+
}], zindexChanged: [{
|
|
1840
|
+
type: Output
|
|
1841
|
+
}] } });
|
|
1820
1842
|
|
|
1821
|
-
|
|
1822
|
-
* @license
|
|
1823
|
-
* Copyright Google LLC All Rights Reserved.
|
|
1824
|
-
*
|
|
1825
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
1826
|
-
* found in the LICENSE file at https://angular.io/license
|
|
1827
|
-
*/
|
|
1843
|
+
/// <reference types="google.maps" />
|
|
1828
1844
|
/** Default options for a clusterer. */
|
|
1829
1845
|
const DEFAULT_CLUSTERER_OPTIONS = {};
|
|
1830
1846
|
/**
|
|
@@ -1930,7 +1946,7 @@ class MapMarkerClusterer {
|
|
|
1930
1946
|
}
|
|
1931
1947
|
}
|
|
1932
1948
|
ngOnChanges(changes) {
|
|
1933
|
-
const { markerClusterer: clusterer, ariaLabelFn, _averageCenter, _batchSizeIE, _calculator, _styles, _clusterClass, _enableRetinaIcons, _gridSize, _ignoreHidden, _imageExtension, _imagePath, _imageSizes, _maxZoom, _minimumClusterSize, _title, _zIndex, _zoomOnClick } = this;
|
|
1949
|
+
const { markerClusterer: clusterer, ariaLabelFn, _averageCenter, _batchSizeIE, _calculator, _styles, _clusterClass, _enableRetinaIcons, _gridSize, _ignoreHidden, _imageExtension, _imagePath, _imageSizes, _maxZoom, _minimumClusterSize, _title, _zIndex, _zoomOnClick, } = this;
|
|
1934
1950
|
if (clusterer) {
|
|
1935
1951
|
if (changes['options']) {
|
|
1936
1952
|
clusterer.setOptions(this._combineOptions());
|
|
@@ -2089,7 +2105,9 @@ class MapMarkerClusterer {
|
|
|
2089
2105
|
initialMarkers.push(marker);
|
|
2090
2106
|
}
|
|
2091
2107
|
this.markerClusterer.addMarkers(initialMarkers);
|
|
2092
|
-
this._markers.changes
|
|
2108
|
+
this._markers.changes
|
|
2109
|
+
.pipe(takeUntil(this._destroy))
|
|
2110
|
+
.subscribe((markerComponents) => {
|
|
2093
2111
|
this._assertInitialized();
|
|
2094
2112
|
const newMarkers = new Set(this._getInternalMarkers(markerComponents));
|
|
2095
2113
|
const markersToAdd = [];
|
|
@@ -2114,7 +2132,8 @@ class MapMarkerClusterer {
|
|
|
2114
2132
|
});
|
|
2115
2133
|
}
|
|
2116
2134
|
_getInternalMarkers(markers) {
|
|
2117
|
-
return markers
|
|
2135
|
+
return markers
|
|
2136
|
+
.filter(markerComponent => !!markerComponent.marker)
|
|
2118
2137
|
.map(markerComponent => markerComponent.marker);
|
|
2119
2138
|
}
|
|
2120
2139
|
_assertInitialized() {
|
|
@@ -2130,52 +2149,67 @@ class MapMarkerClusterer {
|
|
|
2130
2149
|
}
|
|
2131
2150
|
}
|
|
2132
2151
|
}
|
|
2133
|
-
MapMarkerClusterer
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
|
|
2169
|
-
|
|
2170
|
-
}
|
|
2152
|
+
MapMarkerClusterer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapMarkerClusterer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
2153
|
+
MapMarkerClusterer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapMarkerClusterer, selector: "map-marker-clusterer", inputs: { ariaLabelFn: "ariaLabelFn", averageCenter: "averageCenter", batchSize: "batchSize", batchSizeIE: "batchSizeIE", calculator: "calculator", clusterClass: "clusterClass", enableRetinaIcons: "enableRetinaIcons", gridSize: "gridSize", ignoreHidden: "ignoreHidden", imageExtension: "imageExtension", imagePath: "imagePath", imageSizes: "imageSizes", maxZoom: "maxZoom", minimumClusterSize: "minimumClusterSize", styles: "styles", title: "title", zIndex: "zIndex", zoomOnClick: "zoomOnClick", options: "options" }, outputs: { clusteringbegin: "clusteringbegin", clusteringend: "clusteringend", clusterClick: "clusterClick" }, queries: [{ propertyName: "_markers", predicate: MapMarker, descendants: true }], exportAs: ["mapMarkerClusterer"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapMarkerClusterer, decorators: [{
|
|
2155
|
+
type: Component,
|
|
2156
|
+
args: [{
|
|
2157
|
+
selector: 'map-marker-clusterer',
|
|
2158
|
+
exportAs: 'mapMarkerClusterer',
|
|
2159
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2160
|
+
template: '<ng-content></ng-content>',
|
|
2161
|
+
encapsulation: ViewEncapsulation.None,
|
|
2162
|
+
}]
|
|
2163
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { ariaLabelFn: [{
|
|
2164
|
+
type: Input
|
|
2165
|
+
}], averageCenter: [{
|
|
2166
|
+
type: Input
|
|
2167
|
+
}], batchSize: [{
|
|
2168
|
+
type: Input
|
|
2169
|
+
}], batchSizeIE: [{
|
|
2170
|
+
type: Input
|
|
2171
|
+
}], calculator: [{
|
|
2172
|
+
type: Input
|
|
2173
|
+
}], clusterClass: [{
|
|
2174
|
+
type: Input
|
|
2175
|
+
}], enableRetinaIcons: [{
|
|
2176
|
+
type: Input
|
|
2177
|
+
}], gridSize: [{
|
|
2178
|
+
type: Input
|
|
2179
|
+
}], ignoreHidden: [{
|
|
2180
|
+
type: Input
|
|
2181
|
+
}], imageExtension: [{
|
|
2182
|
+
type: Input
|
|
2183
|
+
}], imagePath: [{
|
|
2184
|
+
type: Input
|
|
2185
|
+
}], imageSizes: [{
|
|
2186
|
+
type: Input
|
|
2187
|
+
}], maxZoom: [{
|
|
2188
|
+
type: Input
|
|
2189
|
+
}], minimumClusterSize: [{
|
|
2190
|
+
type: Input
|
|
2191
|
+
}], styles: [{
|
|
2192
|
+
type: Input
|
|
2193
|
+
}], title: [{
|
|
2194
|
+
type: Input
|
|
2195
|
+
}], zIndex: [{
|
|
2196
|
+
type: Input
|
|
2197
|
+
}], zoomOnClick: [{
|
|
2198
|
+
type: Input
|
|
2199
|
+
}], options: [{
|
|
2200
|
+
type: Input
|
|
2201
|
+
}], clusteringbegin: [{
|
|
2202
|
+
type: Output
|
|
2203
|
+
}], clusteringend: [{
|
|
2204
|
+
type: Output
|
|
2205
|
+
}], clusterClick: [{
|
|
2206
|
+
type: Output
|
|
2207
|
+
}], _markers: [{
|
|
2208
|
+
type: ContentChildren,
|
|
2209
|
+
args: [MapMarker, { descendants: true }]
|
|
2210
|
+
}] } });
|
|
2171
2211
|
|
|
2172
|
-
|
|
2173
|
-
* @license
|
|
2174
|
-
* Copyright Google LLC All Rights Reserved.
|
|
2175
|
-
*
|
|
2176
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
2177
|
-
* found in the LICENSE file at https://angular.io/license
|
|
2178
|
-
*/
|
|
2212
|
+
/// <reference types="google.maps" />
|
|
2179
2213
|
/**
|
|
2180
2214
|
* Angular component that renders a Google Maps Polygon via the Google Maps JavaScript API.
|
|
2181
2215
|
*
|
|
@@ -2242,7 +2276,9 @@ class MapPolygon {
|
|
|
2242
2276
|
}
|
|
2243
2277
|
ngOnInit() {
|
|
2244
2278
|
if (this._map._isBrowser) {
|
|
2245
|
-
this._combineOptions()
|
|
2279
|
+
this._combineOptions()
|
|
2280
|
+
.pipe(take(1))
|
|
2281
|
+
.subscribe(options => {
|
|
2246
2282
|
// Create the object outside the zone so its events don't trigger change detection.
|
|
2247
2283
|
// We'll bring it back in inside the `MapEventManager` only for the events that the
|
|
2248
2284
|
// user has subscribed to.
|
|
@@ -2334,39 +2370,43 @@ class MapPolygon {
|
|
|
2334
2370
|
}
|
|
2335
2371
|
}
|
|
2336
2372
|
}
|
|
2337
|
-
MapPolygon
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
}
|
|
2373
|
+
MapPolygon.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapPolygon, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2374
|
+
MapPolygon.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapPolygon, selector: "map-polygon", inputs: { options: "options", paths: "paths" }, outputs: { polygonClick: "polygonClick", polygonDblclick: "polygonDblclick", polygonDrag: "polygonDrag", polygonDragend: "polygonDragend", polygonDragstart: "polygonDragstart", polygonMousedown: "polygonMousedown", polygonMousemove: "polygonMousemove", polygonMouseout: "polygonMouseout", polygonMouseover: "polygonMouseover", polygonMouseup: "polygonMouseup", polygonRightclick: "polygonRightclick" }, exportAs: ["mapPolygon"], ngImport: i0 });
|
|
2375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapPolygon, decorators: [{
|
|
2376
|
+
type: Directive,
|
|
2377
|
+
args: [{
|
|
2378
|
+
selector: 'map-polygon',
|
|
2379
|
+
exportAs: 'mapPolygon',
|
|
2380
|
+
}]
|
|
2381
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
|
|
2382
|
+
type: Input
|
|
2383
|
+
}], paths: [{
|
|
2384
|
+
type: Input
|
|
2385
|
+
}], polygonClick: [{
|
|
2386
|
+
type: Output
|
|
2387
|
+
}], polygonDblclick: [{
|
|
2388
|
+
type: Output
|
|
2389
|
+
}], polygonDrag: [{
|
|
2390
|
+
type: Output
|
|
2391
|
+
}], polygonDragend: [{
|
|
2392
|
+
type: Output
|
|
2393
|
+
}], polygonDragstart: [{
|
|
2394
|
+
type: Output
|
|
2395
|
+
}], polygonMousedown: [{
|
|
2396
|
+
type: Output
|
|
2397
|
+
}], polygonMousemove: [{
|
|
2398
|
+
type: Output
|
|
2399
|
+
}], polygonMouseout: [{
|
|
2400
|
+
type: Output
|
|
2401
|
+
}], polygonMouseover: [{
|
|
2402
|
+
type: Output
|
|
2403
|
+
}], polygonMouseup: [{
|
|
2404
|
+
type: Output
|
|
2405
|
+
}], polygonRightclick: [{
|
|
2406
|
+
type: Output
|
|
2407
|
+
}] } });
|
|
2362
2408
|
|
|
2363
|
-
|
|
2364
|
-
* @license
|
|
2365
|
-
* Copyright Google LLC All Rights Reserved.
|
|
2366
|
-
*
|
|
2367
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
2368
|
-
* found in the LICENSE file at https://angular.io/license
|
|
2369
|
-
*/
|
|
2409
|
+
/// <reference types="google.maps" />
|
|
2370
2410
|
/**
|
|
2371
2411
|
* Angular component that renders a Google Maps Polyline via the Google Maps JavaScript API.
|
|
2372
2412
|
*
|
|
@@ -2433,11 +2473,13 @@ class MapPolyline {
|
|
|
2433
2473
|
}
|
|
2434
2474
|
ngOnInit() {
|
|
2435
2475
|
if (this._map._isBrowser) {
|
|
2436
|
-
this._combineOptions()
|
|
2476
|
+
this._combineOptions()
|
|
2477
|
+
.pipe(take(1))
|
|
2478
|
+
.subscribe(options => {
|
|
2437
2479
|
// Create the object outside the zone so its events don't trigger change detection.
|
|
2438
2480
|
// We'll bring it back in inside the `MapEventManager` only for the events that the
|
|
2439
2481
|
// user has subscribed to.
|
|
2440
|
-
this._ngZone.runOutsideAngular(() => this.polyline = new google.maps.Polyline(options));
|
|
2482
|
+
this._ngZone.runOutsideAngular(() => (this.polyline = new google.maps.Polyline(options)));
|
|
2441
2483
|
this._assertInitialized();
|
|
2442
2484
|
this.polyline.setMap(this._map.googleMap);
|
|
2443
2485
|
this._eventManager.setTarget(this.polyline);
|
|
@@ -2516,39 +2558,43 @@ class MapPolyline {
|
|
|
2516
2558
|
}
|
|
2517
2559
|
}
|
|
2518
2560
|
}
|
|
2519
|
-
MapPolyline
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
}
|
|
2561
|
+
MapPolyline.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapPolyline, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2562
|
+
MapPolyline.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapPolyline, selector: "map-polyline", inputs: { options: "options", path: "path" }, outputs: { polylineClick: "polylineClick", polylineDblclick: "polylineDblclick", polylineDrag: "polylineDrag", polylineDragend: "polylineDragend", polylineDragstart: "polylineDragstart", polylineMousedown: "polylineMousedown", polylineMousemove: "polylineMousemove", polylineMouseout: "polylineMouseout", polylineMouseover: "polylineMouseover", polylineMouseup: "polylineMouseup", polylineRightclick: "polylineRightclick" }, exportAs: ["mapPolyline"], ngImport: i0 });
|
|
2563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapPolyline, decorators: [{
|
|
2564
|
+
type: Directive,
|
|
2565
|
+
args: [{
|
|
2566
|
+
selector: 'map-polyline',
|
|
2567
|
+
exportAs: 'mapPolyline',
|
|
2568
|
+
}]
|
|
2569
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
|
|
2570
|
+
type: Input
|
|
2571
|
+
}], path: [{
|
|
2572
|
+
type: Input
|
|
2573
|
+
}], polylineClick: [{
|
|
2574
|
+
type: Output
|
|
2575
|
+
}], polylineDblclick: [{
|
|
2576
|
+
type: Output
|
|
2577
|
+
}], polylineDrag: [{
|
|
2578
|
+
type: Output
|
|
2579
|
+
}], polylineDragend: [{
|
|
2580
|
+
type: Output
|
|
2581
|
+
}], polylineDragstart: [{
|
|
2582
|
+
type: Output
|
|
2583
|
+
}], polylineMousedown: [{
|
|
2584
|
+
type: Output
|
|
2585
|
+
}], polylineMousemove: [{
|
|
2586
|
+
type: Output
|
|
2587
|
+
}], polylineMouseout: [{
|
|
2588
|
+
type: Output
|
|
2589
|
+
}], polylineMouseover: [{
|
|
2590
|
+
type: Output
|
|
2591
|
+
}], polylineMouseup: [{
|
|
2592
|
+
type: Output
|
|
2593
|
+
}], polylineRightclick: [{
|
|
2594
|
+
type: Output
|
|
2595
|
+
}] } });
|
|
2544
2596
|
|
|
2545
|
-
|
|
2546
|
-
* @license
|
|
2547
|
-
* Copyright Google LLC All Rights Reserved.
|
|
2548
|
-
*
|
|
2549
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
2550
|
-
* found in the LICENSE file at https://angular.io/license
|
|
2551
|
-
*/
|
|
2597
|
+
/// <reference types="google.maps" />
|
|
2552
2598
|
/**
|
|
2553
2599
|
* Angular component that renders a Google Maps Rectangle via the Google Maps JavaScript API.
|
|
2554
2600
|
*
|
|
@@ -2630,7 +2676,9 @@ class MapRectangle {
|
|
|
2630
2676
|
}
|
|
2631
2677
|
ngOnInit() {
|
|
2632
2678
|
if (this._map._isBrowser) {
|
|
2633
|
-
this._combineOptions()
|
|
2679
|
+
this._combineOptions()
|
|
2680
|
+
.pipe(take(1))
|
|
2681
|
+
.subscribe(options => {
|
|
2634
2682
|
// Create the object outside the zone so its events don't trigger change detection.
|
|
2635
2683
|
// We'll bring it back in inside the `MapEventManager` only for the events that the
|
|
2636
2684
|
// user has subscribed to.
|
|
@@ -2718,40 +2766,45 @@ class MapRectangle {
|
|
|
2718
2766
|
}
|
|
2719
2767
|
}
|
|
2720
2768
|
}
|
|
2721
|
-
MapRectangle
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2769
|
+
MapRectangle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapRectangle, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2770
|
+
MapRectangle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapRectangle, selector: "map-rectangle", inputs: { options: "options", bounds: "bounds" }, outputs: { boundsChanged: "boundsChanged", rectangleClick: "rectangleClick", rectangleDblclick: "rectangleDblclick", rectangleDrag: "rectangleDrag", rectangleDragend: "rectangleDragend", rectangleDragstart: "rectangleDragstart", rectangleMousedown: "rectangleMousedown", rectangleMousemove: "rectangleMousemove", rectangleMouseout: "rectangleMouseout", rectangleMouseover: "rectangleMouseover", rectangleMouseup: "rectangleMouseup", rectangleRightclick: "rectangleRightclick" }, exportAs: ["mapRectangle"], ngImport: i0 });
|
|
2771
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapRectangle, decorators: [{
|
|
2772
|
+
type: Directive,
|
|
2773
|
+
args: [{
|
|
2774
|
+
selector: 'map-rectangle',
|
|
2775
|
+
exportAs: 'mapRectangle',
|
|
2776
|
+
}]
|
|
2777
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { options: [{
|
|
2778
|
+
type: Input
|
|
2779
|
+
}], bounds: [{
|
|
2780
|
+
type: Input
|
|
2781
|
+
}], boundsChanged: [{
|
|
2782
|
+
type: Output
|
|
2783
|
+
}], rectangleClick: [{
|
|
2784
|
+
type: Output
|
|
2785
|
+
}], rectangleDblclick: [{
|
|
2786
|
+
type: Output
|
|
2787
|
+
}], rectangleDrag: [{
|
|
2788
|
+
type: Output
|
|
2789
|
+
}], rectangleDragend: [{
|
|
2790
|
+
type: Output
|
|
2791
|
+
}], rectangleDragstart: [{
|
|
2792
|
+
type: Output
|
|
2793
|
+
}], rectangleMousedown: [{
|
|
2794
|
+
type: Output
|
|
2795
|
+
}], rectangleMousemove: [{
|
|
2796
|
+
type: Output
|
|
2797
|
+
}], rectangleMouseout: [{
|
|
2798
|
+
type: Output
|
|
2799
|
+
}], rectangleMouseover: [{
|
|
2800
|
+
type: Output
|
|
2801
|
+
}], rectangleMouseup: [{
|
|
2802
|
+
type: Output
|
|
2803
|
+
}], rectangleRightclick: [{
|
|
2804
|
+
type: Output
|
|
2805
|
+
}] } });
|
|
2747
2806
|
|
|
2748
|
-
|
|
2749
|
-
* @license
|
|
2750
|
-
* Copyright Google LLC All Rights Reserved.
|
|
2751
|
-
*
|
|
2752
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
2753
|
-
* found in the LICENSE file at https://angular.io/license
|
|
2754
|
-
*/
|
|
2807
|
+
/// <reference types="google.maps" />
|
|
2755
2808
|
/**
|
|
2756
2809
|
* Angular component that renders a Google Maps Traffic Layer via the Google Maps JavaScript API.
|
|
2757
2810
|
*
|
|
@@ -2772,7 +2825,9 @@ class MapTrafficLayer {
|
|
|
2772
2825
|
}
|
|
2773
2826
|
ngOnInit() {
|
|
2774
2827
|
if (this._map._isBrowser) {
|
|
2775
|
-
this._combineOptions()
|
|
2828
|
+
this._combineOptions()
|
|
2829
|
+
.pipe(take(1))
|
|
2830
|
+
.subscribe(options => {
|
|
2776
2831
|
// Create the object outside the zone so its events don't trigger change detection.
|
|
2777
2832
|
this._ngZone.runOutsideAngular(() => {
|
|
2778
2833
|
this.trafficLayer = new google.maps.TrafficLayer(options);
|
|
@@ -2797,7 +2852,9 @@ class MapTrafficLayer {
|
|
|
2797
2852
|
}));
|
|
2798
2853
|
}
|
|
2799
2854
|
_watchForAutoRefreshChanges() {
|
|
2800
|
-
this._combineOptions()
|
|
2855
|
+
this._combineOptions()
|
|
2856
|
+
.pipe(takeUntil(this._destroyed))
|
|
2857
|
+
.subscribe(options => {
|
|
2801
2858
|
this._assertInitialized();
|
|
2802
2859
|
this.trafficLayer.setOptions(options);
|
|
2803
2860
|
});
|
|
@@ -2813,27 +2870,19 @@ class MapTrafficLayer {
|
|
|
2813
2870
|
}
|
|
2814
2871
|
}
|
|
2815
2872
|
}
|
|
2816
|
-
MapTrafficLayer
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
-
autoRefresh: [{ type: Input }]
|
|
2828
|
-
};
|
|
2873
|
+
MapTrafficLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapTrafficLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2874
|
+
MapTrafficLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapTrafficLayer, selector: "map-traffic-layer", inputs: { autoRefresh: "autoRefresh" }, exportAs: ["mapTrafficLayer"], ngImport: i0 });
|
|
2875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapTrafficLayer, decorators: [{
|
|
2876
|
+
type: Directive,
|
|
2877
|
+
args: [{
|
|
2878
|
+
selector: 'map-traffic-layer',
|
|
2879
|
+
exportAs: 'mapTrafficLayer',
|
|
2880
|
+
}]
|
|
2881
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { autoRefresh: [{
|
|
2882
|
+
type: Input
|
|
2883
|
+
}] } });
|
|
2829
2884
|
|
|
2830
|
-
|
|
2831
|
-
* @license
|
|
2832
|
-
* Copyright Google LLC All Rights Reserved.
|
|
2833
|
-
*
|
|
2834
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
2835
|
-
* found in the LICENSE file at https://angular.io/license
|
|
2836
|
-
*/
|
|
2885
|
+
/// <reference types="google.maps" />
|
|
2837
2886
|
/**
|
|
2838
2887
|
* Angular component that renders a Google Maps Transit Layer via the Google Maps JavaScript API.
|
|
2839
2888
|
*
|
|
@@ -2859,20 +2908,17 @@ class MapTransitLayer extends MapBaseLayer {
|
|
|
2859
2908
|
}
|
|
2860
2909
|
}
|
|
2861
2910
|
}
|
|
2862
|
-
MapTransitLayer
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2911
|
+
MapTransitLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapTransitLayer, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2912
|
+
MapTransitLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapTransitLayer, selector: "map-transit-layer", exportAs: ["mapTransitLayer"], usesInheritance: true, ngImport: i0 });
|
|
2913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapTransitLayer, decorators: [{
|
|
2914
|
+
type: Directive,
|
|
2915
|
+
args: [{
|
|
2916
|
+
selector: 'map-transit-layer',
|
|
2917
|
+
exportAs: 'mapTransitLayer',
|
|
2918
|
+
}]
|
|
2919
|
+
}] });
|
|
2868
2920
|
|
|
2869
|
-
|
|
2870
|
-
* @license
|
|
2871
|
-
* Copyright Google LLC All Rights Reserved.
|
|
2872
|
-
*
|
|
2873
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
2874
|
-
* found in the LICENSE file at https://angular.io/license
|
|
2875
|
-
*/
|
|
2921
|
+
/// <reference types="google.maps" />
|
|
2876
2922
|
/**
|
|
2877
2923
|
* Angular directive that renders a Google Maps heatmap via the Google Maps JavaScript API.
|
|
2878
2924
|
*
|
|
@@ -2973,20 +3019,19 @@ class MapHeatmapLayer {
|
|
|
2973
3019
|
}
|
|
2974
3020
|
}
|
|
2975
3021
|
}
|
|
2976
|
-
MapHeatmapLayer
|
|
2977
|
-
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
};
|
|
3022
|
+
MapHeatmapLayer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapHeatmapLayer, deps: [{ token: GoogleMap }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3023
|
+
MapHeatmapLayer.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.0-next.15", type: MapHeatmapLayer, selector: "map-heatmap-layer", inputs: { data: "data", options: "options" }, exportAs: ["mapHeatmapLayer"], usesOnChanges: true, ngImport: i0 });
|
|
3024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapHeatmapLayer, decorators: [{
|
|
3025
|
+
type: Directive,
|
|
3026
|
+
args: [{
|
|
3027
|
+
selector: 'map-heatmap-layer',
|
|
3028
|
+
exportAs: 'mapHeatmapLayer',
|
|
3029
|
+
}]
|
|
3030
|
+
}], ctorParameters: function () { return [{ type: GoogleMap }, { type: i0.NgZone }]; }, propDecorators: { data: [{
|
|
3031
|
+
type: Input
|
|
3032
|
+
}], options: [{
|
|
3033
|
+
type: Input
|
|
3034
|
+
}] } });
|
|
2990
3035
|
/** Asserts that an object is a `LatLngLiteral`. */
|
|
2991
3036
|
function isLatLngLiteral(value) {
|
|
2992
3037
|
return value && typeof value.lat === 'number' && typeof value.lng === 'number';
|
|
@@ -3019,20 +3064,48 @@ const COMPONENTS = [
|
|
|
3019
3064
|
];
|
|
3020
3065
|
class GoogleMapsModule {
|
|
3021
3066
|
}
|
|
3022
|
-
GoogleMapsModule
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3067
|
+
GoogleMapsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: GoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3068
|
+
GoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: GoogleMapsModule, declarations: [GoogleMap,
|
|
3069
|
+
MapBaseLayer,
|
|
3070
|
+
MapBicyclingLayer,
|
|
3071
|
+
MapCircle,
|
|
3072
|
+
MapDirectionsRenderer,
|
|
3073
|
+
MapGroundOverlay,
|
|
3074
|
+
MapInfoWindow,
|
|
3075
|
+
MapKmlLayer,
|
|
3076
|
+
MapMarker,
|
|
3077
|
+
MapMarkerClusterer,
|
|
3078
|
+
MapPolygon,
|
|
3079
|
+
MapPolyline,
|
|
3080
|
+
MapRectangle,
|
|
3081
|
+
MapTrafficLayer,
|
|
3082
|
+
MapTransitLayer,
|
|
3083
|
+
MapHeatmapLayer], exports: [GoogleMap,
|
|
3084
|
+
MapBaseLayer,
|
|
3085
|
+
MapBicyclingLayer,
|
|
3086
|
+
MapCircle,
|
|
3087
|
+
MapDirectionsRenderer,
|
|
3088
|
+
MapGroundOverlay,
|
|
3089
|
+
MapInfoWindow,
|
|
3090
|
+
MapKmlLayer,
|
|
3091
|
+
MapMarker,
|
|
3092
|
+
MapMarkerClusterer,
|
|
3093
|
+
MapPolygon,
|
|
3094
|
+
MapPolyline,
|
|
3095
|
+
MapRectangle,
|
|
3096
|
+
MapTrafficLayer,
|
|
3097
|
+
MapTransitLayer,
|
|
3098
|
+
MapHeatmapLayer] });
|
|
3099
|
+
GoogleMapsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: GoogleMapsModule });
|
|
3100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: GoogleMapsModule, decorators: [{
|
|
3101
|
+
type: NgModule,
|
|
3102
|
+
args: [{
|
|
3103
|
+
declarations: COMPONENTS,
|
|
3104
|
+
exports: COMPONENTS,
|
|
3105
|
+
}]
|
|
3106
|
+
}] });
|
|
3028
3107
|
|
|
3029
|
-
|
|
3030
|
-
* @license
|
|
3031
|
-
* Copyright Google LLC All Rights Reserved.
|
|
3032
|
-
*
|
|
3033
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
3034
|
-
* found in the LICENSE file at https://angular.io/license
|
|
3035
|
-
*/
|
|
3108
|
+
/// <reference types="google.maps" />
|
|
3036
3109
|
/**
|
|
3037
3110
|
* Angular service that wraps the Google Maps DirectionsService from the Google Maps JavaScript
|
|
3038
3111
|
* API.
|
|
@@ -3055,31 +3128,23 @@ class MapDirectionsService {
|
|
|
3055
3128
|
if (!this._directionsService) {
|
|
3056
3129
|
this._directionsService = new google.maps.DirectionsService();
|
|
3057
3130
|
}
|
|
3058
|
-
|
|
3131
|
+
this._directionsService.route(request, (result, status) => {
|
|
3059
3132
|
this._ngZone.run(() => {
|
|
3060
|
-
observer.next({ result, status });
|
|
3133
|
+
observer.next({ result: result || undefined, status });
|
|
3061
3134
|
observer.complete();
|
|
3062
3135
|
});
|
|
3063
|
-
};
|
|
3064
|
-
this._directionsService.route(request, callback);
|
|
3136
|
+
});
|
|
3065
3137
|
});
|
|
3066
3138
|
}
|
|
3067
3139
|
}
|
|
3068
|
-
MapDirectionsService.ɵ
|
|
3069
|
-
MapDirectionsService
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
];
|
|
3140
|
+
MapDirectionsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapDirectionsService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3141
|
+
MapDirectionsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapDirectionsService, providedIn: 'root' });
|
|
3142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapDirectionsService, decorators: [{
|
|
3143
|
+
type: Injectable,
|
|
3144
|
+
args: [{ providedIn: 'root' }]
|
|
3145
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
3075
3146
|
|
|
3076
|
-
|
|
3077
|
-
* @license
|
|
3078
|
-
* Copyright Google LLC All Rights Reserved.
|
|
3079
|
-
*
|
|
3080
|
-
* Use of this source code is governed by an MIT-style license that can be
|
|
3081
|
-
* found in the LICENSE file at https://angular.io/license
|
|
3082
|
-
*/
|
|
3147
|
+
/// <reference types="google.maps" />
|
|
3083
3148
|
/**
|
|
3084
3149
|
* Angular service that wraps the Google Maps Geocoder from the Google Maps JavaScript API.
|
|
3085
3150
|
* See developers.google.com/maps/documentation/javascript/reference/geocoder#Geocoder
|
|
@@ -3100,20 +3165,27 @@ class MapGeocoder {
|
|
|
3100
3165
|
}
|
|
3101
3166
|
this._geocoder.geocode(request, (results, status) => {
|
|
3102
3167
|
this._ngZone.run(() => {
|
|
3103
|
-
observer.next({ results, status });
|
|
3168
|
+
observer.next({ results: results || [], status });
|
|
3104
3169
|
observer.complete();
|
|
3105
3170
|
});
|
|
3106
3171
|
});
|
|
3107
3172
|
});
|
|
3108
3173
|
}
|
|
3109
3174
|
}
|
|
3110
|
-
MapGeocoder.ɵ
|
|
3111
|
-
MapGeocoder
|
|
3112
|
-
|
|
3113
|
-
|
|
3114
|
-
|
|
3115
|
-
|
|
3116
|
-
|
|
3175
|
+
MapGeocoder.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapGeocoder, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
3176
|
+
MapGeocoder.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapGeocoder, providedIn: 'root' });
|
|
3177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0-next.15", ngImport: i0, type: MapGeocoder, decorators: [{
|
|
3178
|
+
type: Injectable,
|
|
3179
|
+
args: [{ providedIn: 'root' }]
|
|
3180
|
+
}], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
|
|
3181
|
+
|
|
3182
|
+
/**
|
|
3183
|
+
* @license
|
|
3184
|
+
* Copyright Google LLC All Rights Reserved.
|
|
3185
|
+
*
|
|
3186
|
+
* Use of this source code is governed by an MIT-style license that can be
|
|
3187
|
+
* found in the LICENSE file at https://angular.io/license
|
|
3188
|
+
*/
|
|
3117
3189
|
|
|
3118
3190
|
/**
|
|
3119
3191
|
* @license
|
|
@@ -3128,4 +3200,4 @@ MapGeocoder.ctorParameters = () => [
|
|
|
3128
3200
|
*/
|
|
3129
3201
|
|
|
3130
3202
|
export { GoogleMap, GoogleMapsModule, MapBaseLayer, MapBicyclingLayer, MapCircle, MapDirectionsRenderer, MapDirectionsService, MapGeocoder, MapGroundOverlay, MapHeatmapLayer, MapInfoWindow, MapKmlLayer, MapMarker, MapMarkerClusterer, MapPolygon, MapPolyline, MapRectangle, MapTrafficLayer, MapTransitLayer };
|
|
3131
|
-
//# sourceMappingURL=google-maps.
|
|
3203
|
+
//# sourceMappingURL=google-maps.mjs.map
|