Я пытаюсь использовать Leaflet (https://leafletjs.com/) библиотеку javascript в проекте, построенном на ASP .NET MVC5.
Ради простоты, давайте просто скажем, что я пытаюсь запустить следующеекод (предоставляемый этим руководством: https://leafletjs.com/examples/crs-simple/crs-simple.html) в представлении (Index.cshtml), в котором используется предопределенный макет (_Layout.cshtml):
Index.cshtml
<style>
#map {
height: 600px;
}
</style>
<div id="map"></div>
<script>
var map = L.map('map', {
crs: L.CRS.Simple,
minZoom: -5
});
var bounds = [[0,0], [1000, 1000]];
var image = L.imageOverlay('aMap.PNG', bounds).addTo(map);
map.fitBounds(bounds);
</script>
В представлении макета я поместил следующий код в начало HTML-кода в соответствии с инструкциями: https://leafletjs.com/download.html
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"></script>
Но это не работает иЯ вижу, что библиотека не распознается даже Intellisense.
Я также пытался загрузить пакет и, как указано, я добавил файлы в проект, но, имея в виду MVCВ структуре проекта я добавил файл leaflet.css в папку Content, а остальные файлы js - в папку Scripts, а в представлении макета добавил:
<link rel="stylesheet" href="~/Content/leaflet.css" />
<script src="~/Scripts/leaflet.js"></script>
Теперь Intellisense распознает библиотекуно, тем не менее, при запуске проектакарта не отображается на виде.
Я что-то упускаю здесь, может быть, импорт?Пожалуйста, потерпите меня, если ответ прост, но я новичок в использовании .NET Framework и структуры ASP .NET MVC, и я все еще пытаюсь разобраться в этом.
ОБНОВЛЕНИЕ
Понял, что я загружаюсь из представления Index, поэтому leaflet.js загружался не первым.
Теперь я вижу раздел листовки с картой, но изображение PNG не загружается .Я полагаю, что листовка не может быть найдена, так где я должен разместить изображение в структуре проекта?Я попытался поместить его в папку «Содержимое и сценарии», но безуспешно.