@@ -40,30 +40,34 @@ export class HomeComponent implements AfterViewInit {
4040 accessToken : mapboxgl . accessToken
4141 } ) ) ;
4242
43- this . sheltersService . getAllShelters ( 72 , 72 , 50 )
43+ this . sheltersService . getLatLng ( )
4444 . subscribe (
4545 ( res ) => {
46- var i = 0 ;
47- for ( i = 0 ; i < res . length ; i ++ ) {
48- var shelterMarkerDiv = document . createElement ( 'div' ) ;
49- shelterMarkerDiv . style . backgroundImage = 'url("assets/shelter.png")' ;
50- shelterMarkerDiv . style . width = '64px' ;
51- shelterMarkerDiv . style . height = '64px' ;
52- shelterMarkerDiv . style . backgroundRepeat = 'no-repeat'
46+ this . sheltersService . getAllShelters ( res . lat , res . lon , 50 )
47+ . subscribe (
48+ ( res ) => {
49+ var i = 0 ;
50+ for ( i = 0 ; i < res . length ; i ++ ) {
51+ var shelterMarkerDiv = document . createElement ( 'div' ) ;
52+ shelterMarkerDiv . style . backgroundImage = 'url("assets/shelter.png")' ;
53+ shelterMarkerDiv . style . width = '64px' ;
54+ shelterMarkerDiv . style . height = '64px' ;
55+ shelterMarkerDiv . style . backgroundRepeat = 'no-repeat'
5356
54- const shelter = res [ i ] ;
57+ const shelter = res [ i ] ;
5558
56- new mapboxgl . Marker ( shelterMarkerDiv )
57- . setLngLat ( shelter . lngLat . split ( ',' ) )
58- . setPopup (
59- new mapboxgl . Popup ( { offset : 25 } ) // add popups
60- . setHTML ( '<h3 class="subtitle">' + shelter . name + '</h3><p>' + shelter . contact + '</p>' )
61- )
62- . addTo ( map ) ;
63- }
64- } ,
65- ( err ) => this . alertService . error ( err )
66- ) ;
59+ new mapboxgl . Marker ( shelterMarkerDiv )
60+ . setLngLat ( shelter . lngLat . split ( ',' ) )
61+ . setPopup (
62+ new mapboxgl . Popup ( { offset : 25 } ) // add popups
63+ . setHTML ( '<h3 class="subtitle">' + shelter . name + '</h3><p>' + shelter . contact + '</p>' )
64+ )
65+ . addTo ( map ) ;
66+ }
67+ } ,
68+ ( err ) => this . alertService . error ( err )
69+ ) ;
70+ }
6771
6872 // this.sheltersService.getAllSheltersRequests()
6973 // .subscribe(
0 commit comments