Аз съм нов за Leaflet и го подготвямследвайки уроците, които нямах проблем да заредя картата. Проблемът започва, когато се опитвам да стартирам скрипта чрез външен JS файл, вместо да поставям скрипта в HTML етикет. Така че сега не мога да го накарам да работи по следния начин: HTML:
<head>
<link rel="stylesheet" type="text/css" href="leaflet/leaflet.css"/>
<script type="text/javascript" src="leaflet/leaflet.js"></script>
<link rel="stylesheet" type="text/css" href="src/style.css"/>
<script type="text/javascript" src="src/javascript.js"></script>
</head>
<body>
<div id="mapid"></div>
</body>
Javascript:
var mymap = L.map("mapid").setView([51.505, -0.09], 13);
document.getElementById("mapid").onload = function loadMap(){
L.tileLayer("https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiZGlvZ204MDAiLCJhIjoiY2o5aGRxY3B5MGdyZTMzczJvNm95NHAxeSJ9.6M_vVT8BcyJay_acp-eEXA", {
attribution: "Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>",
maxZoom: 18,
id: "mapbox.streets",
accessToken: "your.mapbox.access.token"
}).addTo(mymap);
};
На JS файла се опитах да я заредя без onLoad () на div елемента и се опита с него, както можете да видите на примера, но никой от тях не работи. Възможно ли е дори да се зареди листовката така?
Благодарим ви за вашето време
Отговори:
1 за отговор № 1на onload събитие не присъства на a div елемент.
Свойството onload на миксина GlobalEventHandlers е манипулатор за събитие за събитие за зареждане на Window, XMLHttpRequest, елемент и т.н., което се задейства при зареждане на ресурса.
https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload
Във вашия случай аз "de catch the" onload на document.body:
document.body.onload = function () {
// Do stuff...
};