Я создал вид Asp.net MVC, где у меня есть карта из карт Azure.У меня также есть боковая панель, которую я могу свернуть, чтобы стать меньше.
Код для свертывания панели следующий (и включен в файл _layout):
function collapse2() {
$('#sidebar').toggleClass('active');
$('#content').toggleClass('active');
}
window.onload = function () {
$("#sidebarCollapse").on('click', collapse2);
}
В представлении я добавил следующий javascript.
function resize() {
map.map.resize();
}
$(document).ready(function () {
GetMap();
$(document).click('#resizea', resize);
$(document).click('#sidebarCollapse', resize);
});
Когда я нажимаю кнопку с идентификатором sidebarCollapse , боковая панель сворачивается, но карта не изменяется (она не растягивает 100%).Но если я щелкну по тегу ссылки с идентификатором resizea после свертывания, карта изменит размер до правильного размера.
Может кто-нибудь привести меня в правильном направлении?
Спасибо заранее!