如何在服务器端Blazor中使用Bing Javascript映射?

时间:2019-06-20 12:54:56

标签: javascript bing-maps blazor blazor-server-side

我正在尝试在新的(3.0.0-preview6.19307.2)Bing JavaScript Map control中使用Blazor server-side application。我曾在Blazor的早期版本和客户端应用程序中进行过此工作。

current Blazor JavaScript interop guide并不建议需要任何新步骤,但是当我在 _Hosts.cshtml 正文中添加以下部分并调用 createMap 时,功能,我说错了

  

Microsoft.AspNetCore.Components.Browser.Rendering.RemoteRenderer:

     

警告:未处理的异常呈现组件:'Microsoft'不是   定义

     

ReferenceError:在window.createMap(https://localhost:44372/:79:9)中未定义'Microsoft'

   <script type="text/javascript" src="http://www.bing.com/api/maps/mapcontrol"></script>

   <script>

    var map = null;
    window.createMap = (data) => {
        if (map != null)
            return;
        map = new Microsoft.Maps.Map('#myMap',
            {
                credentials: '... my credentials ...',
                zoom: 1
            }
        );
        Microsoft.Maps.loadModule('Microsoft.Maps.HeatMap');
        return ;
    };
    </script>

当放置在等效客户端大小的Blazor项目的index.html中时,此代码确实可以正常工作,所以我想将地图导出到Microsoft名称空间中需要一些额外的步骤。谁能建议我所缺少的?

1 个答案:

答案 0 :(得分:0)

Magoo先生

的帮助下回答我自己的问题

在这种情况下,答案似乎是Blazore服务器端模型需要与bing maps控件的HTTP S (不是HTTP)连接。