Question

我有一个c＃wpf项目，使用webbrowser控件来托管谷歌地图。请注意，这不是一个asp项目。

如果我在初始化例程中添加标记，它们就可以工作。如果我稍后使用InvokeScript从c＃调用相同的例程，则它不起作用。

我希望有一个页面，我的c＃代码可以通过调用各种javascript函数来添加/删除/更新标记。

我对javascript的态度不强，我怀疑有一些我不理解的关键。

相关部分：

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

var markersArray = [];
var gmap;

function initialize() {
    var latlng = new google.maps.LatLng([GLAT], [GLONG]);
    var myOptions = {
        zoom: [ZOOM],
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    gmap = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

[MARKERLOCATIONS]

}

function AddMarker(Latitude, Longitude, Description) {

    var latlng = new google.maps.LatLng(Latitude, Longitude);

    var marker = new MarkerWithLabel({
        position: latlng,
        map: gmap,
        title: Description,
        labelContent: "1",
        labelAnchor: new google.maps.Point(7, 30),
        labelClass: "labels",
        labelInBackground: false
    });

</script>

<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</script>

我用实际坐标和缩放替换[GLAT]，[GLONG]和[ZOOM]。更多关于[LOCATIONS]的信息。

MarkerWithLabel是Gary Little的代码http://code.google.com/p/google-maps-utility-library-v3/source/browse/tags/markerwithlabel/1.1.8/src/markerwithlabel.js

如果我用以下内容替换[MARKERLOCATIONS]，我会在页面上找到我想要的标记

AddMarker(51.47,0,"Greenwich")

用不同的坐标重复这个陈述给了我尽可能多的标记。

如果我删除[MARKERLOCATIONS]而不是在c＃中执行以下操作，则它不起作用（gmap是wpf webbrowser）：

gmap.LoadCompleted += new LoadCompletedEventHandler(gmap_LoadCompleted);

void gmap_LoadCompleted(object sender, NavigationEventArgs e)
{
    // Add markers
    foreach (Marker myM in ListMarker)
    {
        Object[] CallArgs = new Object[3];
        CallArgs[0] = myM.Latitude.ToString();
        CallArgs[1] = myM.Longitude.ToString();
        CallArgs[2] = myM.ShortDescription;
        object dummy = gmap.InvokeScript("AddMarker", CallArgs);
    }
}

出于调试目的，我在AddMarker中设置了一个警报，然后我传递了值;我还创建了一个函数来遍历markersArray的内容：

function ReportGPS() {
    if (markersArray) {
        for (var i = 0; i < markersArray.length; i++) {
            //remove the marker from the map
            alert(markersArray[i].toString());
        }
    }
}


public void Test()
{
    object dummy = gmap.InvokeScript("ReportGPS");
}

如果我添加5个标记，那么ReportGPS会给我5个警报。

所以就好像他们根本没有被添加到地图中。同样，如果从初始化函数调用AddMarker，它就可以工作。

我错过了什么？

Answer 1

我认为问题可能是您在AddMarker函数执行之前调用了initialize函数。我有一些代码非常相似，我在调用initialize函数之前使用C＃来调用AddMarker函数。

尝试从initialze移除<body onload="initialize()">来电并添加InvokeScript函数调用以初始化地图。

void gmap_LoadCompleted(object sender, NavigationEventArgs e)
{
    gmap.InvokeScript("initialize");

    // Add markers
    foreach (Marker myM in ListMarker)
    {
        Object[] CallArgs = new Object[3];
        CallArgs[0] = myM.Latitude.ToString();
        CallArgs[1] = myM.Longitude.ToString();
        CallArgs[2] = myM.ShortDescription;
        object dummy = gmap.InvokeScript("AddMarker", CallArgs);
    }
}

初始化地图后，将标记添加到谷歌地图

1 个答案: