Leaflet script error

Question

I use Leaflet in my WPF C# program. I want to draw polygon on the map. I use System.Windows.Forms.WebBrowser for showing the map:

<Grid>
    <WindowsFormsHost Name="wfhSample">
        <WindowsFormsHost.Child>
            <wf:WebBrowser x:Name="webBrowser" DocumentTitleChanged="wbWinForms_DocumentTitleChanged" />
            </WindowsFormsHost.Child>
    </WindowsFormsHost>
</Grid>

I get script error from the leaflet every time I run the program with L.polygon(but it works without errors if I draw L.circle or L.marker or if I don't draw anything on the map) added to my map in leaflet.html file:

var polygon = L.polygon([
            [0.939, 0.68],
            [0.933, 0.66],
            [0.940, 0.67]
        ]).addTo(map);//shows map without polygon and with next error  

P.S. But when I open leaflet.html with Edge browser the polygon is drawn on the map without any problem. What is the reason of this error shows every time I run the program?

Answer 1

Using of CefSharp instead of WebBrowser(also i tried webView that wasn't able to show .png map tiles) solved my problem.

installed it through nuget.

 <Grid>
        <wpf:ChromiumWebBrowser
            x:Name="Browser"
            Address="file:///C:/Users/user/source/repos/LeafletWpfCefSharp/LeafletWpfCefSharp/resources/leaflet.html" />
 </Grid>

Answer 2

you should use some other web browser like CefSharp , it is open source because .net web browser is facing javascript errors when fetching maps from browser i also face this difficulty and solve this problem by implementing CefSharp . Moreover you can also go to do ScriptErrorSurpressed = true in properties of default web browser of .net framework to avoid javascript errors but it is more recomended to use CefSharp Chromium browser.