同步融合标记未显示在演示代码中

Question

我目前正在使用syncfusion测试openstreetmap集成 查看他们的文档 => https://blazor.syncfusion.com/documentation/maps/providers/openstreetmap

我尝试运行此代码：

@using Syncfusion.Blazor.Maps

<SfMaps>
    <MapsZoomSettings ZoomFactor="4"></MapsZoomSettings>
    <MapsCenterPosition Latitude="29.394708" Longitude="-94.954653"></MapsCenterPosition>
    <MapsLayers>
        <MapsLayer UrlTemplate="https://tile.openstreetmap.org/level/tileX/tileY.png" TValue="string">
            @* Add marker *@
            <MapsMarkerSettings>
                <MapsMarker Visible="true" Height="25" Width="15" DataSource="Cities" TValue="City">
                </MapsMarker>
            </MapsMarkerSettings>
            @* Add navigation line *@
            <MapsNavigationLines>
                <MapsNavigationLine Visible="true" Color="blue" Angle="0.1" Latitude="new double[]{34.060620, 40.724546}"
                                    Longitude="new double[]{-118.330491,-73.850344}">
                </MapsNavigationLine>
            </MapsNavigationLines>
        </MapsLayer>
    </MapsLayers>
</SfMaps>

@code{
    public class City
    {
        public double Latitude { get; set; }
        public double Longitude { get; set; }
        public string Name { get; set; }
    }
    private List<City> Cities = new List<City> {
        new City { Latitude = 34.060620, Longitude = -118.330491,  Name="California" },
        new City{ Latitude = 40.724546, Longitude = -73.850344,  Name="New York"}
    };
}

这就是他们所拥有的：

这就是我得到的：

我没有任何崩溃报告，无论是在我的 Visual Studio 中还是在 Web 控制台中都没有。

另外，尝试他们的第二个例子（启用缩放和平移） 我无法缩放或平移地图

知道我做错了什么吗？谢谢

Answer 1

好吧，我发现我需要在我的 _Layout.cshtml 中添加两行参数

如此处解释：https://blazor.syncfusion.com/documentation/getting-started/blazor-server-side-visual-studio