Блог

Главная - Вопросы по программированию - Я добавил листовку easybutton, но она не работает

Я добавил листовку easybutton, но она не работает

#javascript #leaflet #geodjango

#javascript #листовка #geodjango

Вопрос:

Мне нужно добавить кнопку типа home, которая сбрасывает карту. Я использовал листовку.EasyButton но она не отображается на моей карте. Она даже не показывает никакой ошибки в консоли.

 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.css">
<script src="https://cdn.jsdelivr.net/npm/leaflet-easybutton@2/src/easy-button.js"></script>

Вот мой js-файл листовки,

 var lmap = new L.map("lmap", {
  zoomControl: false,
  maxZoom: 11,
  minZoom: 3,
}).setView([34.543896, 63.160652], 6);
L.control.zoom({
  position: 'topright'
}).addTo(lmap);
lmap.addControl(new L.Control.Fullscreen({position: 'bottomleft'}));
L.control.mousePosition({position: 'bottomright', numDigits: 3}).addTo(lmap);
L.control.scalefactor().addTo(lmap);
L.easyButton( 'fa-gbp', function(){
  lmap.setView([55, -2], 4);
}).addTo(lmap);

Комментарии:

1. EasyButton работает правильно: демонстрация Возможно, у вас проблема с scalefactor или другой библиотекой

2. да, но даже если я удаляю другие, он все равно не отображается

3. Посмотрите на демонстрацию сверху, я добавил код точно так же, как вы (без других библиотек), и он работает

4. Я загрузил файлы и добавил их, теперь это работает

Ответ №1:

Сработало, как и ожидалось, демо

Операционная система загрузила файлы src, и затем это сработало.

 var lmap = new L.map("lmap", {
  zoomControl: false,
  maxZoom: 11,
  minZoom: 3,
}).setView([34.543896, 63.160652], 6);

L.easyButton( 'fa-gbp', function(){
  lmap.setView([55, -2], 4);
}).addTo(lmap)