Как добавить плагин zoomhome на карту листовки в приложении ioni c? - PullRequest
Новая
       7

Как добавить плагин zoomhome на карту листовки в приложении ioni c?

0 голосов
/ 24 марта 2020

Я пытаюсь добавить плагин zoomHome к моей листовке в моем приложении ioni c.

Карта отображается, как и ожидалось, прежде чем добавить это code.

Я добавил приведенный ниже код в раздел <head> в index.html: 

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<script src="assets/external-assets/leaflet.zoomhome.min.js"></script>
<link rel="stylesheet" href="assets/external-assets/leaflet.zoomhome.css" />

В своей папке ресурсов я создал подпапку с названием external-assets, и скопировал следующие файлы из https://github.com/torfsen/leaflet.zoomhome/tree/master/dist:

  • leaflet.zoomhome. css
  • leaflet.zoomhome.min. js

Здесь я устанавливаю масштаб по умолчанию как false: 

this.map = L.map('map', {
      center: [lat, lng],
      zoomControl: false
    });

Затем я добавляю элемент управления zoomHome: 

let zoomHome = L.Control.zoomHome({ position: 'topright' });
zoomHome.addTo(this.map);

Однако, когда я запускаю ioni c serve, Я получаю эту консольную ошибку:

Uncaught ReferenceError: L не определен в leaflet.zoomhome.min. js: 5

Эта ошибка также регистрируется:

Ошибка: Uncaught (в обещании): TypeError: leaflet__WEBPACK_IMPORTED_MODULE_3 __. Control.zoomHome не является функцией TypeError: leaflet__WEBPACK_IMPORTED_MODULE_3 __. Control.zo omHome не является функцией HomePage.initMap

Может кто-нибудь сказать мне, что я делаю неправильно, и как это можно решить?

...