Openlayers карта не перетаскиваемая - PullRequest
Новая
       22

Openlayers карта не перетаскиваемая

0 голосов
/ 03 апреля 2020

Я хочу показать карту на простом angular веб-сайте. Код component.ts - 

import { Component, OnInit } from '@angular/core';
import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import {OSM, TileDebug} from 'ol/source';

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

  constructor() { }

  ngOnInit(): void {
    var map = new Map({
      layers: [
        new TileLayer({
          source: new OSM()
        }),
        new TileLayer({
          source: new TileDebug()
        })
      ],
      target: 'mapdiv',
      view: new View({
        center: [0, 0],
        zoom: 1
      })
    });
  }
}

и код для компонента. html - 

<div id = 'mapdiv'></div>

Карта отображается в браузере (Chrome), но не перемещается ( перетаскиваемым).

1 Ответ

0 голосов
/ 03 апреля 2020

Посмотрите на этот ответ, который я сделал год за go Я не могу правильно отобразить карту открытых слоев, пока размер окна не изменится .

Хотя проблема заключается в немного по-другому, я думаю, что это может быть связано. При создании компонента у вас возникает проблема синхронизации, которая может привести к тому, что карта не будет отображаться или что-то вроде вашего случая.

В этом вопросе у вас также есть другое решение, которое также может подходит проблема.

...