import { ChangeDetectionStrategy, Component } from '@angular/core';

import * as L from 'leaflet';

@Component({
	selector: 'leafletPerformanceDemo',
	templateUrl: './performance-demo.component.html',
	changeDetection: ChangeDetectionStrategy.OnPush
})
export class LeafletPerformanceDemoComponent {

	markers: L.Layer[] = [];

	mutableAdd() {
		let marker = L.marker(
			[ 46.879966 + 0.1 * (Math.random() - 0.5), -121.726909 + 0.1 * (Math.random() - 0.5) ],
			{
				icon: L.icon({
					iconSize: [ 25, 41 ],
					iconAnchor: [ 13, 41 ],
					iconUrl: '2273e3d8ad9264b7daa5bdbf8e6b47f8.png',
					shadowUrl: '44a526eed258222515aa21eaffd14a96.png'
				})
			}
		);

		this.markers.push(marker);
	}

	newArray() {
		this.markers = this.markers.slice();
	}

}