Vue2-листовка LMap / LTileLayer некорректно отображается - PullRequest
Новая
       81

Vue2-листовка LMap / LTileLayer некорректно отображается

1 голос
/ 09 июля 2020

Я просто пытаюсь добавить карту в свой текущий учебный проект по Vue2. Посмотрев на карты Google, я решил, что OSM и Leaflet - лучший способ получить go. Но я столкнулся с ранней загвоздкой, и карта в настоящее время просто отображается как синий квадрат.

Вот как моя карта сейчас выглядит.

enter image description here

Here is the Vue component. Both url and url2 are displaying the same thing, I'm not sure if this is an issue with access tokens or if I'm using the wrong URL for OSM.


  
    Hello
      импорт {LMap, LTileLayer} из 'vue2-leaflet'; экспорт по умолчанию {data () {return {url: 'https: // {s} .tile.openstreetmap.org / {z} / {x} / {y} .png', url2: 'http: // {s } .tile.osm.org / {z} / {x} / {y} .png ', // eslint-disable-line attribution:' Данные карты ©  OpenStreetMap  участники, CC -BY-SA  ', центр: [33.8688, 151.2093], масштаб: 12,}; }, компоненты: {LMap, LTileLayer,},};

1 Ответ

1 голос
/ 10 июля 2020
• 1000 1005 * = 4 / 33,60 / 151,31

И поскольку вы указываете высокое начальное масштабирование (12), панорамирование по-прежнему дает вам синие плитки океана.

...