Google Maps API v3 - 数组和 InfoWindows答案

【问题标题】：Google Maps API v3 - Arrays and InfoWindowsGoogle Maps API v3 - 数组和 InfoWindows
【发布时间】：2012-06-10 06:59:52
【问题描述】：

一段时间以来，我一直在尝试为我的每个标记创建一个信息窗口，但无法使其正常工作。

这是我想出的：

for(var i=0; i<markery.length; i++)
{
    var latt =  parseFloat(markery[i].attributes.getNamedItem("lat").nodeValue);
    var lon =   parseFloat(markery[i].attributes.getNamedItem("lon").nodeValue);
    var ikona_url = markery[i].attributes.getNamedItem("ikona").nodeValue;
    var nazwa = markery[i].attributes.getNamedItem("nazwa").nodeValue;
    var rozmiar = new google.maps.Size(30,23);
    var punkt_startowy = new google.maps.Point(0,0);
    var punkt_zaczepienia = new google.maps.Point(15,12);
    var ikona = new google.maps.MarkerImage(ikona_url, rozmiar, punkt_startowy, punkt_zaczepienia);
    markert.push(new google.maps.Marker({
                    position: new google.maps.LatLng(latt,lon),
                    title: nazwa,
                    icon: ikona,
                    map: map,
                    content: nazwa
                }));

    google.maps.event.addListener(marker, 'click', function() {
        var info = new google.maps.InfoWindow({content: this.content});
    });
}

完整的代码是：

<script type="text/javascript">

var map;
var marker1;
var markert = [];
var lati;
var loni;
var infowindow;

我开始地图：

    function initialize() {

  lat = 50.42952;
  long = 15.60059;
  var latlng = new google.maps.LatLng(lat, long);
   var myOptions = {
        zoom: 5,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        draggableCursor:'crosshair',
                };

     map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
dymek = new google.maps.InfoWindow();

    google.maps.event.addListener(map, 'click', function(event) {
        add_marker(event.latLng, 'Your new marker', 'Your new marker' );
    });

}

该函数获取点击点的地址：

     function findAddress(event) {
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({latLng: event.latLng}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        if (results[0]) {

          infoWindow.setContent(results[0].formatted_address);
          infoWindow.setPosition(event.latLng);
          infoWindow.open(map);
        }
      }
    });
  }

此函数在我单击的地图上添加一个新标记：

function add_marker( pos, pos_title, pos_str ) {

    marker1 = new google.maps.Marker( {
        position: pos,
        map: map,
        draggable: true,
        title: pos_title
    });

    map.setZoom(15);
    map.setCenter(marker1.getPosition());
    LoadMarkers();
                    }

此函数会加载我在上面的函数中创建的标记附近的附近点：

function LoadMarkers()
        {

var adres='add.xml?lat='+lati+'&long='+loni;
            jx.load(adres, function(xml)
            {
                var markery = xml.getElementsByTagName("marker");
                for(var i=0; i<markery.length; i++)
                {
                    var latt            =   parseFloat(markery[i].attributes.getNamedItem("lat").nodeValue);
                    var lon         =   parseFloat(markery[i].attributes.getNamedItem("lon").nodeValue);
                    var ikona_url   =   markery[i].attributes.getNamedItem("ikona").nodeValue;
                    var nazwa       =   markery[i].attributes.getNamedItem("nazwa").nodeValue;
                var markert     =   addMarkers(latt,lon,ikona_url,nazwa);



                }

            },'xml','get');
        }

这个函数实际上是在地图上显示附近的标记。这些标记是我希望信息窗口显示的标记：

    function addMarkers(latt,lon,ikona_url,nazwa)
        {
            var rozmiar = new google.maps.Size(30,23);   
            var punkt_startowy = new google.maps.Point(0,0);   
            var punkt_zaczepienia = new google.maps.Point(15,12);     
            var ikona = new google.maps.MarkerImage(ikona_url, rozmiar, punkt_startowy, punkt_zaczepienia); 
            markert.push(new google.maps.Marker({
                         position: new google.maps.LatLng(latt,lon),
                         title: nazwa,
                         icon: ikona,
                         map: map,
                         animation: google.maps.Animation.DROP }));

 google.maps.event.addListener(markert, 'tilesloaded', function() {
    var info = new google.maps.InfoWindow({content: nazwa});
});

        }

【问题讨论】：

您没有在代码中的任何位置声明名为 marker 的变量，但您在事件侦听器中引用了该对象（第一个参数）。建议您先创建标记对象并将其分配给名为标记的变量，然后再将标记对象推入数组...
我在脚本的开头声明它：“var markert = [];”..就在“function initialize()”之前。但这仍然行不通
我已经在上面添加了整个代码
你没有抓住重点。现在你只是把代码扔在栅栏上，要求我们通过查看更多的代码来做更多的工作。请提供您的 live 代码（即站点）的链接，我们可以在其中查看 JS 错误显示的内容。如果需要，您可以将代码加载到 JS Fiddle。
对不起。这是一个现场示例的链接：terazkrakow.pl/test.php，要使其正常工作，请单击城市“华沙”。

标签： google-maps

【解决方案1】：

您实际上并没有在任何时候打开信息窗口。请查看此documentation and example，并相应地调整您的代码。你实际上需要为infowindow 使用open 方法。

【讨论】：