Make map more 3D

master
Skylar Ittner 5 years ago
parent d93b4c4c36
commit 519284a056

@ -24,6 +24,7 @@ $(".view-main").on("card:close", ".card-expandable", function () {
$(".view-main").on("card:closed", ".card-expandable", function () { $(".view-main").on("card:closed", ".card-expandable", function () {
$(".ptr-preloader").removeClass("display-none"); $(".ptr-preloader").removeClass("display-none");
$(this).removeClass("card-expandable"); $(this).removeClass("card-expandable");
leafletgllayer._glMap.setPitch(0);
leafletmap.invalidateSize(); leafletmap.invalidateSize();
}); });
@ -54,6 +55,7 @@ function openReceiveCard() {
function openMapCard() { function openMapCard() {
$("#map-card").addClass("card-expandable"); $("#map-card").addClass("card-expandable");
app.card.open("#map-card"); app.card.open("#map-card");
leafletgllayer._glMap.setPitch(40);
leafletmap.invalidateSize(); leafletmap.invalidateSize();
} }

@ -10,7 +10,10 @@ var leafletmap = L.map('map', {
minZoom: 12 minZoom: 12
}); });
leafletmap.setView([46.595, -112.019], 13); leafletmap.setView([46.595, -112.019], 13);
var gl = L.mapboxGL({ var leafletgllayer = L.mapboxGL({
accessToken: 'none', accessToken: 'none',
style: 'https://maptiles.netsyms.net/styles/klokantech-basic/style.json' style: 'https://maps.netsyms.net/styles/klokantech-3d-gl/style.json',
}).addTo(leafletmap); pitch: 0
});
leafletgllayer.addTo(leafletmap);
Loading…
Cancel
Save