Почему запрос не сделан? - PullRequest
Новая
       21

Почему запрос не сделан?

0 голосов
/ 07 апреля 2019

Вызов компонента для метода getCityCoords (), но он никогда не заканчивается.

Он извлекает некоторые объекты с географической информацией и информацией о погоде, если работает только несколько объектов, и у меня есть код 200, но если их больше, он никогда не заканчивается.

enter image description here

То, что я исследовал, указывает на то, что есть проблема с соединением, некоторые вещи о TCP, но я не знаю, как решить это. Есть какой-нибудь способ закрыть соединения?

Это код: 

import { Component, OnInit } from '@angular/core';
import { MapService } from '../../services/map.service';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { Map } from '../../models/map';

import { Icon, icon, Marker, marker } from 'leaflet';

declare let L;
var map;

@Component({
  selector: 'map-component',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.css']
})
export class MapComponent implements OnInit {

  private defaultIcon: Icon = icon({
    iconUrl: 'assets/leaflet/marker-icon.png',
    shadowUrl: 'assets/leaflet/marker-shadow.png',
    iconSize: [41, 51], // => random values you have to choose right ones for your case
    iconAnchor: [20, 51] // => random values too
  });

  public coordinates: [number];
  constructor(
    private _mapService: MapService, private _router: Router
  ) {

  }

  ngOnInit() {

    map = L.map('map').setView([0, 0], 2); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
      attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);
    this.getLocations();
  }

  getLocations() {

    var geoJsonMulti = {
      "type": "GeometryCollection",
      "geometries": [

      ]
    }

    this._mapService.getCoordinates().subscribe(
      response => {
        if (!response) {
          this._router.navigate(['/']);
        } else {
          var layer = response.cityFeatures.cities;
          layer.forEach(layer => {
            geoJsonMulti.geometries.push(layer);
          })
        }
        var myStyle = {
          "color": "#ff7800",
          "weight": 5,
          "opacity": 0.65
        };
        L.geoJSON(geoJsonMulti, {
          style: myStyle
        }).addTo(map);

        var myIcon = L.icon({
          iconUrl: 'assets/leaflet/marker-icon.png',
          iconSize: [41, 51],
          iconAnchor: [20, 51],
          popupAnchor: [-3, -76],
          shadowUrl: 'assets/leaflet/marker-shadow.png',
          shadowSize: [68, 95],
          shadowAnchor: [22, 94]
        });

        var options={

        }


        for(let i=0;i<geoJsonMulti.geometries.length;i++){
          var arrayCoords=[geoJsonMulti.geometries[i].coordinates[1],geoJsonMulti.geometries[i].coordinates[0]]
          var marker=L.marker(arrayCoords, {icon: myIcon,clickable: false}).addTo(map).bindPopup("<b>Average temp: </b>"+geoJsonMulti.geometries[i].averageTemp+
          "</br> <b>Average precipitations: </b>"+geoJsonMulti.geometries[i].averageRain);
        }


      },

      error => {
        let errorMessage = <any>error;
        if (errorMessage !== null) {
          let body = JSON.parse(error._body);
        }
      }
    );
  }
}

1 Ответ

0 голосов
/ 07 апреля 2019

Есть какой-нибудь способ закрыть соединения?

Конечно.Отмена подписки отменяет запрос, я считаю.Например, что-то вроде этого: 

const LONG_ENOUGH_ALREADY = 120000; // milliseconds

this._mapService.getCoordinates()
   .pipe(
      takeUntil(timer(LONG_ENOUGH_ALREADY))
   .subscribe( // the rest
...