Google maps UWP应用程序谷歌地图API提供了一个空白屏幕

我一直在尝试开发一个UWP应用程序，它使用谷歌地图API。因此，我创建了两个项目-
1） XAML UWP项目
2） JS UWP项目
当我同时运行两者时，映射在JS项目中可见，但在XAML项目中不可见。页面仅显示“内容在此处”，在XAML应用程序中，页面下方有一个空格。我遵循了网站上提供的文档。

这是html-

CSS是-

html, body, #mapwindow {
    margin: 0;
    padding: 0;
    height: 100%;
}

---

提前谢谢

CSS看起来像什么？

map

div是否有大小？是的，它的大小为“height:100%”。我不明白的是，它适用于JS UWP应用程序，而不适用于XAML UWP应用程序。

height:100%

仅当包含的父元素具有大小时才是有效的大小。是的，包含的父元素具有大小。我已经指定了大小，元素的边框也会出现。只有地图是空白的。请提供一个例子来说明这个问题。CSS是什么样子的？

map

div是否有大小？是的，它的大小为“height:100%”。我不明白的是，它适用于JS UWP应用程序，而不适用于XAML UWP应用程序。

height:100%

仅当包含的父元素具有大小时才是有效的大小。是的，包含的父元素具有大小。我已经指定了大小，元素的边框也会出现。只有地图是空的。请提供一个说明问题的地图。

var map;

function initialize() {
    map = new google.maps.Map(document.getElementById('mapdisplay'), {
        zoom: 3,
        center: new google.maps.LatLng(40, -187.3),
        mapTypeId: google.maps.MapTypeId.TERRAIN
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

html, body, #mapwindow {
    margin: 0;
    padding: 0;
    height: 100%;
}