Листовка листать плитки в электрон - PullRequest
Новая
       8

Листовка листать плитки в электрон

0 голосов
/ 29 мая 2018

Эй, я новичок в электронике, но я хочу использовать Leaflet внутри него для некоторых магических картографических вещей.

Я создал базовое электронное приложение с index.js в соответствии с базовым примером.Я добавил также базовый index.hetml: 

<!DOCTYPE html>
<html>

<head>

    <title>Page Title</title>

</head>

<body>
    <div id="map"></div>
</body>

<script>
    require('./renderer')
</script>

</html>

и материал Leaflet внутри renderer.js 

window.L = require('leaflet')

var map = L.map('map').setView([51.0420175, 13.7358889], 12)

    L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
        attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
    }).addTo(map);

Когда я запускаю приложение, окно открывается, а также некоторыеMapTiles отображаются.Но они не все загружены, и они портятся, когда я перезаписываю окно:

Window before reseizing

и

Window after reseizing

Что не так с моим кодом?

1 Ответ

0 голосов
/ 09 августа 2018

Я столкнулся с той же проблемой.Я думаю, что лучшее решение - 

bower install leaflet

, а затем использовать это в заголовке вашего файла .html: 

<link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
<style>
  body { margin:0; padding:0;  }
  #map { position: absolute; top:0; bottom:0; right:0; left:0;  }
</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...