https://goo.gl/CTFFf4 – this goo.gl shortlink has been disabled.
class Observable{
constructor(source) {
this.source = source.split('');
this.result = this.source;
}
subscribe(next) {
for(let item of this.result) {
next(item);
}
}
filter(predicate) {
this.result = this.result.filter(predicate);
return this;
}
map(callback) {
this.result = this.result.map(callback);
return this;
}
}
new Observable('qwerty')
.map((letter) => { return letter.toUpperCase() })
.filter((letter) => { return letter === 'W' })
.subscribe((letter) => { return console.log(letter) });
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material';
@NgModule({
imports: [
MatButtonModule,
BrowserAnimationsModule,
],
exports: [
MatButtonModule,
BrowserAnimationsModule,
],
declarations: []
})
export class SharedModule { }
<div id="map"></div>
<script src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDztlrk_3CnzGHo7CFvLFqE_2bUKEq1JEU&callback=initMap"
async defer></script>import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
ngOnInit() {
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: -25.363, lng: 131.044}
});
renderMarkers();
map.addListener('click', function(e) {
var lat = e.latLng.lat();
var lng = e.latLng.lng();
var id = 'id_' + Date.now() + lat.toFixed(2) + lng.toFixed(2);
generateMarker(lat, lng, id);
});
}
function getMarkersFromLocalStorage() {
return localStorage.markers ? JSON.parse(localStorage.markers) : {};
};
function addMarkerToLocalStorage(lat, lng, id) {
var markers = getMarkersFromLocalStorage();
markers[id] = {
lat: lat,
lng: lng
};
localStorage.markers = JSON.stringify(markers);
};
function removeMarkerFromLocalStorage(id) {
console.log('removeMarkerFromLocalStorage');
var markers = getMarkersFromLocalStorage();
delete markers[id];
localStorage.markers = JSON.stringify(markers);
};
function renderMarkers() {
var markers = getMarkersFromLocalStorage();
for(prop in markers) {
generateMarker(markers[prop].lat, markers[prop].lng, prop);
};
};
function generateMarker(lat, lng, id) {
var marker = new google.maps.Marker({
position: {lat: lat, lng: lng},
map: map
});
marker.id = id;
addMarkerToLocalStorage(lat, lng, id);
marker.addListener('rightclick', function(e) {
var m = this;
console.log(e, m['id']);
removeMarkerFromLocalStorage(m['id']);
this.setMap(null);
});
};
}
}
А в стандарт setTimeout/setInterval не входит, как я понимаю