Initial agmcluster commit with broken maxZoom
This commit is contained in:
parent
a05b0c3dae
commit
12889fd687
4 changed files with 25 additions and 9 deletions
10
package-lock.json
generated
10
package-lock.json
generated
|
@ -9,6 +9,11 @@
|
||||||
"resolved": "https://registry.npmjs.org/@agm/core/-/core-1.0.0-beta.1.tgz",
|
"resolved": "https://registry.npmjs.org/@agm/core/-/core-1.0.0-beta.1.tgz",
|
||||||
"integrity": "sha512-IVwQGmcaE42SmYY2e5QwqOC0vrSXZCW8BhATY0Vpy3NjbiydSXi9T81hVqKLvuKaB3ves1sv3W++SB1Wj+5B6A=="
|
"integrity": "sha512-IVwQGmcaE42SmYY2e5QwqOC0vrSXZCW8BhATY0Vpy3NjbiydSXi9T81hVqKLvuKaB3ves1sv3W++SB1Wj+5B6A=="
|
||||||
},
|
},
|
||||||
|
"@agm/js-marker-clusterer": {
|
||||||
|
"version": "1.0.0-beta.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@agm/js-marker-clusterer/-/js-marker-clusterer-1.0.0-beta.2.tgz",
|
||||||
|
"integrity": "sha512-sQzNo+2NwjgVAiy/AU3deYvemoH3CHtYvh+aH/3jq9yIK+2ZiuwhZ2oKmoBsVPEMzLjOqF07FhDLowrAAZfVRw=="
|
||||||
|
},
|
||||||
"@angular-devkit/build-optimizer": {
|
"@angular-devkit/build-optimizer": {
|
||||||
"version": "0.0.13",
|
"version": "0.0.13",
|
||||||
"resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.0.13.tgz",
|
"resolved": "https://registry.npmjs.org/@angular-devkit/build-optimizer/-/build-optimizer-0.0.13.tgz",
|
||||||
|
@ -4650,6 +4655,11 @@
|
||||||
"integrity": "sha1-8OgK4DmkvWVLXygfyT8EqRSn/M4=",
|
"integrity": "sha1-8OgK4DmkvWVLXygfyT8EqRSn/M4=",
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
|
"js-marker-clusterer": {
|
||||||
|
"version": "1.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/js-marker-clusterer/-/js-marker-clusterer-1.0.0.tgz",
|
||||||
|
"integrity": "sha1-yUvoWuiJaBnlHBMfiR3StVVY3Rc="
|
||||||
|
},
|
||||||
"js-tokens": {
|
"js-tokens": {
|
||||||
"version": "3.0.2",
|
"version": "3.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
|
||||||
|
|
|
@ -19,6 +19,7 @@
|
||||||
"private": true,
|
"private": true,
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@agm/core": "^1.0.0-beta.1",
|
"@agm/core": "^1.0.0-beta.1",
|
||||||
|
"@agm/js-marker-clusterer": "^1.0.0-beta.2",
|
||||||
"@angular/common": "4.0.3",
|
"@angular/common": "4.0.3",
|
||||||
"@angular/compiler": "4.0.3",
|
"@angular/compiler": "4.0.3",
|
||||||
"@angular/core": "4.0.3",
|
"@angular/core": "4.0.3",
|
||||||
|
@ -32,6 +33,7 @@
|
||||||
"angular-in-memory-web-api": "^0.3.1",
|
"angular-in-memory-web-api": "^0.3.1",
|
||||||
"chart.js": "2.5.0",
|
"chart.js": "2.5.0",
|
||||||
"core-js": "2.4.1",
|
"core-js": "2.4.1",
|
||||||
|
"js-marker-clusterer": "^1.0.0",
|
||||||
"moment": "^2.18.1",
|
"moment": "^2.18.1",
|
||||||
"ng2-charts": "1.6.0",
|
"ng2-charts": "1.6.0",
|
||||||
"ng2-validation-manager": "^0.3.1",
|
"ng2-validation-manager": "^0.3.1",
|
||||||
|
|
|
@ -5,6 +5,7 @@ import { ChartsModule } from 'ng2-charts/ng2-charts';
|
||||||
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
|
||||||
import { NgxPaginationModule } from 'ngx-pagination';
|
import { NgxPaginationModule } from 'ngx-pagination';
|
||||||
import { AgmCoreModule, GoogleMapsAPIWrapper } from '@agm/core';
|
import { AgmCoreModule, GoogleMapsAPIWrapper } from '@agm/core';
|
||||||
|
import { AgmJsMarkerClustererModule } from '@agm/js-marker-clusterer';
|
||||||
|
|
||||||
import { CurrencyPipe } from '@angular/common';
|
import { CurrencyPipe } from '@angular/common';
|
||||||
|
|
||||||
|
@ -42,6 +43,7 @@ import { environment } from '../../environments/environment';
|
||||||
AgmCoreModule.forRoot({
|
AgmCoreModule.forRoot({
|
||||||
apiKey: environment.mapApiKey
|
apiKey: environment.mapApiKey
|
||||||
}),
|
}),
|
||||||
|
AgmJsMarkerClustererModule,
|
||||||
BsDropdownModule,
|
BsDropdownModule,
|
||||||
NgxPaginationModule,
|
NgxPaginationModule,
|
||||||
DashboardRoutingModule,
|
DashboardRoutingModule,
|
||||||
|
|
|
@ -22,6 +22,7 @@
|
||||||
[zoom]="zoom"
|
[zoom]="zoom"
|
||||||
[scaleControl]="true"
|
[scaleControl]="true"
|
||||||
(idle)="viewBoundsChanged($event)">
|
(idle)="viewBoundsChanged($event)">
|
||||||
|
<agm-marker-cluster [maxZoom]=12 [imagePath]="https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m">
|
||||||
<agm-marker
|
<agm-marker
|
||||||
*ngFor="let m of markers"
|
*ngFor="let m of markers"
|
||||||
[latitude]="m.latitude"
|
[latitude]="m.latitude"
|
||||||
|
@ -32,6 +33,7 @@
|
||||||
<strong>{{m.name}}</strong>
|
<strong>{{m.name}}</strong>
|
||||||
</agm-info-window>
|
</agm-info-window>
|
||||||
</agm-marker>
|
</agm-marker>
|
||||||
|
</agm-marker-cluster>
|
||||||
</agm-map>
|
</agm-map>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue