Question

我在我的wpf应用程序中使用“WebBroswer”来呈现Google地图。所以我用我的c＃代码中的一些参数调用Pan（x，y）JavaScript方法。

但我收到以下错误。

未知名称。（来自HRESULT的异常：0x80020006（DISP_E_UNKNOWNNAME））

我的Window2.xaml文件：

<Window x:Class="Test.Window2"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window2" Height="300" Width="300">
    <Grid>
        <WebBrowser Name="mapBrowser" Margin="50" />
        <Button Name="button1" VerticalAlignment="Bottom" Click="button1_Click">Button</Button>
    </Grid>
</Window>

My Window2.xaml.cs文件：

namespace Test
{
    /// <summary>
    /// Interaction logic for Window2.xaml
    /// </summary>
    public partial class Window2 : Window
    {
        public Window2()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            Uri uri = new Uri(@"pack://application:,,,/HTMLPage1.htm");
            Stream source = Application.GetContentStream(uri).Stream;
            mapBrowser.NavigateToStream(source);
            this.mapBrowser.InvokeScript("Pan", x, y);
        }
    }
}

我的HTML页面：

<html>
<head>
    <title></title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

    <script type="text/javascript">
        var map;
        var latlng;
        var lat;
        var lng;
        var zoom;

        function Init() {
            lat = 40.632915;
            lng = -8.68929;
            zoom = 18
            latlng = new google.maps.LatLng(lat, lng);
            var options = {
                zoom: 18,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.SATELLITE
            };

            map = new google.maps.Map(document.getElementById("map_canvas"), options);
        }

        function Pan(x, y) {
            try {
                lat = x;
                lng = y;

                map.panTo(new google.maps.LatLng(lat, lng));
            }
            catch (ex) {
                window.alert("Pan:Error");
            }
        }
    </script>

</head>
<body onload="Init()">
    <div id="map_canvas" style="width: 100%; height: 100%">
    </div>
</body>
</html>

Answer 1

是的，我遇到了问题。我尝试在不加载HTML页面的情况下调用JavaScript函数。所以我首先加载了html页面，然后调用了JavaScript函数，它为我工作。

所以我改变了我的代码如下，它工作正常： -

namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for Window1.xaml
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
            Uri uri = new Uri(@"pack://application:,,,/HTMLPage1.htm");
            Stream source = Application.GetContentStream(uri).Stream;
            mapBrowser.NavigateToStream(source);
        }

        private void button1_Click(object sender, RoutedEventArgs e)
        {
            try
            {   
                this.mapBrowser.InvokeScript("Pan", 19.006145, 72.818148);
            }
            catch
            { 
            }
        }
    }
}

Answer 2

最好将JavaScript调用移动到Document loaded事件。

WPF - 调用javascript函数时出错 - 未知名称。（来自HRESULT的异常：0x80020006（DISP_E_UNKNOWNNAME））

2 个答案:

WPF - 调用javascript函数时出错 - 未知名称。 （来自HRESULT的异常：0x80020006（DISP_E_UNKNOWNNAME））

2 个答案:

WPF - 调用javascript函数时出错 - 未知名称。（来自HRESULT的异常：0x80020006（DISP_E_UNKNOWNNAME））