Make map more 3D
This commit is contained in:
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…
x
Reference in New Issue
Block a user