6

我在我的 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>

我的 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>
4

2 回答 2

2

是的，我遇到了问题。我尝试在不加载 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
            { 
            }
        }
    }
}
于 2013-01-24T17:27:26.227 回答
1

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

于 2016-03-31T13:20:14.727 回答