We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Bing map

Hello,


I have some issue with the map component when using Bing Provider. My map is cut in two and my key is valid.

I hope you know how to fix my problem and show me the way to succeed.

Thank you have a good day
Anthony


1 Reply 1 reply marked as answer

HP Hemanathan Pandian Syncfusion Team March 23, 2023 11:35 AM UTC

Hi,


We are unable to reproduce the reported issue with Bing Maps in the Maps component. Please find the sample code in which we tried to reproduce the reported issue and video of the same below.


Code Snippet:

@using Syncfusion.Blazor.Maps

 

<SfMaps>

    <MapsZoomSettings Enable="true">

        <MapsZoomToolbarSettings>

             <MapsZoomToolbarButton ToolbarItems="@ZoomToolbar"></MapsZoomToolbarButton>

        </MapsZoomToolbarSettings>

    </MapsZoomSettings>

    <MapsLayers>

        <MapsLayer UrlTemplate="@UrlTemplate" TValue="string"></MapsLayer>

    </MapsLayers>

</SfMaps>

 

@code {

    public List<ToolbarItem> ZoomToolbar = new List<ToolbarItem> { ToolbarItem.Zoom, ToolbarItem.ZoomIn, ToolbarItem.ZoomOut, ToolbarItem.Pan, ToolbarItem.Reset };

    public string UrlTemplate;

    protected override async Task OnInitializedAsync()

    {

        UrlTemplate = await SfMaps.GetBingUrlTemplate("https://dev.virtualearth.net/REST/V1/Imagery/Metadata/RoadOnDemand?output=json&uriScheme=https&key=");

    }

}


IMPORTANT NOTE: In the above sample code, we have not provided the API key for the Bing Maps. Please provide your key in the Bing Maps URL to check the sample.  


Videohttps://www.syncfusion.com/downloads/support/directtrac/general/ze/Map-497074696.zip


Please provide us the code snippet or sample application to reproduce the reported issue. It will be helpful for us to analyze and assist you further.


Regards,

Hemanathan P.


Marked as answer
Loader.
Live Chat Icon For mobile
Up arrow icon