Size: a a a

Ionic - русскоговорящее сообщество

2020 April 14

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
так, а в консоли инспектора лавина ошибок:
[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
я вроде через js подключал
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
ща поищу сорцы
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
Anatoly Shirokov
так, а в консоли инспектора лавина ошибок:
[Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
я вот так подключал
npm i leaflet

import { Map, tileLayer, marker, icon, control } from 'leaflet';


 initMap() {
   const map = new Map('map', {
     attributionControl: false,
     zoomControl: false
   }).setView([this.order.source_lat, this.order.source_lon], 17);

   tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);


   const customMarkerIcon = icon({
     iconUrl: 'assets/img/marker.png',
     iconSize: [64, 64],
     popupAnchor: [0, -20]
   });

   marker([this.order.source_lat, this.order.source_lon], { icon: customMarkerIcon })
     .bindPopup(`<b>№ ${this.order.order_id}</b>`, { autoClose: true })
     .addTo(map);
 }
источник

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
Ć¥β€ŘŇΔŦƗĆ
я вот так подключал
npm i leaflet

import { Map, tileLayer, marker, icon, control } from 'leaflet';


 initMap() {
   const map = new Map('map', {
     attributionControl: false,
     zoomControl: false
   }).setView([this.order.source_lat, this.order.source_lon], 17);

   tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);


   const customMarkerIcon = icon({
     iconUrl: 'assets/img/marker.png',
     iconSize: [64, 64],
     popupAnchor: [0, -20]
   });

   marker([this.order.source_lat, this.order.source_lon], { icon: customMarkerIcon })
     .bindPopup(`<b>№ ${this.order.order_id}</b>`, { autoClose: true })
     .addTo(map);
 }
Это какой версии ионик и лифлет?
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
Anatoly Shirokov
Это какой версии ионик и лифлет?
любой
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
источник

AT

Alexey Tuychiev in Ionic - русскоговорящее сообщество
Попробуйте другого поставщика. Я mapbox юзал.
источник

AT

Alexey Tuychiev in Ionic - русскоговорящее сообщество
Просто для теста
источник

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
Alexey Tuychiev
Попробуйте другого поставщика. Я mapbox юзал.
да я уже и свой тайлсервер ставил, таже беда
источник

AT

Alexey Tuychiev in Ionic - русскоговорящее сообщество
Ааа
источник

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
кусок карты в верхнем левом углу отрисовывает и все
источник

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
может я со стилями width/height не то делаю?
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
а такое есть?
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
 <div id="map"></div>
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
#map {
   height: 100vh !important;
}
источник

Ć

Ć¥β€ŘŇΔŦƗĆ in Ionic - русскоговорящее сообщество
У меня вот так в верстке
источник

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
Ć¥β€ŘŇΔŦƗĆ
У меня вот так в верстке
.placeholder {
 width: 100%;
 height: 100%;
}
источник

AS

Anatoly Shirokov in Ionic - русскоговорящее сообщество
<div #placeholder class="placeholder"></div>
источник

AT

Alexey Tuychiev in Ionic - русскоговорящее сообщество
Да я тоже почему то не через  ViewChild указывал на контейнер, а через id
источник