bing 地图不会在 index.cshtml 上显示？

Question

我正在尝试使用 Microsoft 在其网站上提供的标准文档示例将 Bing 映射添加到我的 ASP.NET Core MVC 网站

我添加了 API 键，发现地图确实加载到标准 HTML 文档中，但未加载到我的 index.cshtml 视图中。我尝试了各种解决方案，例如在 body 标签中包含 onload="GetMap()"，但到目前为止没有任何效果。

<div class="col-md-5">
    <h2>test</h2>
    <div id="myMap" style="position:relative;width:600px;height:600px; background-color: red;"></div>
    <script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=[My API KEY]' async defer></script>
    <script type='text/javascript'>
        function GetMap() {
            var map = new Microsoft.Maps.Map('#myMap');
            //Add your post map load code here.
        }
    </script>
</div>

没有错误信息，只有空白页

Answer 1

 <script type='text/javascript'>
        var map;
    function GetMap() {
         map = new 
          Microsoft.Maps.Map(document.getElementById('myMap'), {});
    }
</script>

Answer 2

示例代码中的 Bing 地图 javascript 是通过 http 加载的 - 如果托管网站是 https，则请求将因混合内容而被阻止。将 Bing 地图的 src 更新为 https 也解决了这个问题。

bing 地图不会在 index.cshtml 上显示？

bing maps will not display on index.cshtml?

c#

bing-maps

asp.net-core-mvc