Google Maps Javascript не загружает данные маркера из JSON в ионном - PullRequest
Новая
       23

Google Maps Javascript не загружает данные маркера из JSON в ионном

0 голосов
/ 19 октября 2018

Я пытаюсь создать приложение на Ionic, которое показывает карту с некоторыми маркерами.Я использую Javascript API, потому что это приложение должно работать как в браузере, так и в нативном.
Вот соответствующий TypeScript: 

ionViewDidLoad() {
    this.initMap();
    this.map.data.loadGeoJson('Test.geojson');
  }


  initMap() {
    const almelo = new google.maps.LatLng(52.3570267, 6.668491899999935);
    const options = {
      center: almelo,
      zoom: 14,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    this.map = new google.maps.Map(this.mapElement.nativeElement, options);

  }

И Json, который я использую для тестирования: 

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.660568714141846,
          52.35598482040133
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.658444404602051,
          52.35412382136251
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.6620707511901855,
          52.35483153445628
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.66046142578125,
          52.353285035613574
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.6552042961120605,
          52.35277389274201
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.663808822631836,
          52.35124042865981
        ]
      }
    },
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Point",
        "coordinates": [
          6.665289402008057,
          52.353809278572136
        ]
      }
    }
  ]
}

Карта работает нормально, и я могу вручную добавить маркеры, но когда я пытаюсь загрузить файл json, ничего не происходит.Нет ошибок или маркеров.
Этот код работал нормально, когда я использовал его на простом ванильном JS-сайте, поэтому я не уверен, почему он сейчас не работает.
Спасибо за любую помощь!

...