JavaScript Google地图标记错误

时间:2010-12-10 11:15:03

标签: c# javascript asp.net google-maps

我目前正在开发一个ASP.NET项目,我正在使用Google Maps API为每个在数据库中注册的公司显示标记。

一切正常,但当我点击一个标记时,我公司列表中最后一家公司的工具提示/对话框总是显示出来,而不是点击的实际公司标记。

我无法理解为什么它总是出现的最后一个标记。这是我的更新代码:

JavaScript.Text = @"<script type='text/javascript'>
                  function load() {
                  if (GBrowserIsCompatible()) {
                    var map = new GMap2(document.getElementById('map'));
                    map.setCenter(new GLatLng(56.4, 10.57983), 9);
                    map.enableScrollWheelZoom();

                   }
               }
         </script> ";

    foreach (MemberProfile m in relatedMembers)
    {
        XmlDocument doc = new XmlDocument();

        string address = m.Address;
        string zip = m.Zip;
        string city = m.City;
        string navn = m.Name;
        string tlf = m.Phone;

        doc.Load("http://maps.googleapis.com/maps/api/geocode/xml?address=" + zip + "+" + city + "+" + address + "+DK&sensor=true&key=ABQIAAAAEaY4JLb9fZFGMlDKuMUlWBRSvyGIkBO7X03pzlT7Z30EPXHR8BS0rXL_ShFm2gc79lZTw2Zak88wng");

        XmlNode latNode = doc.SelectSingleNode("GeocodeResponse/result/geometry/location/lat/text()");
        XmlNode lonNode = doc.SelectSingleNode("GeocodeResponse/result/geometry/location/lng/text()");

        if (latNode != null && lonNode != null)
        {
            JSAddMarkers.Text += @"<script type='text/javascript'>
                                var marker = new GMarker(new GLatLng(" + latNode.Value + "," + lonNode.Value + ")); " 
                             + "var html = '<b>" + navn + "</b><br />" + address + "<br /> " + zip + " " + city + "<br />" + tlf + "'; " + "GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(html); });"
                             + "map.addOverlay(marker);"
                             + "</script>";
        }

如果你们中的任何人都能发现原因,我很乐意收到你的来信!任何帮助/提示表示赞赏: - )

一切顺利,

1 个答案:

答案 0 :(得分:0)

试试这个

var point =new GLatLng(" + latNode.Value + "," + lonNode.Value + ");
var marker = createMarker(point, address,zip,city,navn);
map.addOverlay(marker);



function createMarker(point, address, zip,city, navn) {
      var marker = new GMarker(point, customIcons[type]);
      var html = "Address:<b style='padding-left:6px'>" + address+ "</b><br/>zip:<b  style='padding-left:6px'>"+ zip+ "</b><br/>city:<b  style='padding-left:6px'>"+ city+ "</b>";
      GEvent.addListener(marker, 'mouseover', function() {
        marker.openInfoWindowHtml(html);
      });
      GEvent.addListener(marker, "mouseout", function() {
                 marker.closeInfoWindow();
   });
      return marker;
    }