当前位置: 首页 > 知识库问答 >
问题:

使用infowindows的多个标记

徐秋月
2023-03-14

我想添加多个点击激活的标记和信息。我有麻烦,以显示相关的信息标记,点击后,相同的信息标记为所有标记打开。

信息来自for循环这是代码

 function GetMarkerSuccess(results) {
        results = $.parseJSON(results.d);
        markers = [];
        infowindows = [];

        for (var i = 0; i < results.length; i++) {
            var myLatLng = { lat: results[i].Latitude, lng: results[i].Longitude };

            var marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
                icon:'images/car.png'
            });
            var infowindow = new google.maps.InfoWindow({
            content: "<div style='text-align:right'><h3>" + results[i].Date.substring(0, 10) + "</h3><p> התחלה: " + results[i].Starttime + " סיום: " + results[i].Endtime + "</p><p> &#8362  מחיר:" + results[i].Price + "</p></div>"
            });
            markers.push(marker);
            infowindows.push(infowindow);
            listenMarker(marker);
            function listenMarker(marker) {

                google.maps.event.addListener(marker, 'click', function () {
                    infowindow.open(map, marker);
                });
            }

        }
    }

共有1个答案

卢磊
2023-03-14
     function GetMarkerSuccess(results) {
            results = $.parseJSON(results.d);
            markers = [];
            infowindows = [];

            for (var i = 0; i < results.length; i++) {
                var myLatLng = { lat: results[i].Latitude, lng: results[i].Longitude };

                var marker = new google.maps.Marker({
                    position: myLatLng,
                    map: map,
                    icon:'images/car.png'
                });
                var infowindow = new google.maps.InfoWindow({
                content: "<div style='text-align:right'><h3>" + results[i].Date.substring(0, 10) + "</h3><p> התחלה: " + results[i].Starttime + " סיום: " + results[i].Endtime + "</p><p> &#8362  מחיר:" + results[i].Price + "</p></div>"
                });
                markers.push(marker);
                infowindows.push(infowindow);
                listenMarker(marker);
                function listenMarker(marker) {
               google.maps.event.addListener(marker,'click',     (function(marker,content,infowindow){ 
                    return function() {
                    infowindow.setContent(content);
                    infowindow.open(map,marker);
                };
                })(marker,content,infowindow));
                }
            }
        }
 类似资料:
  • 我试图添加多个标记,每一个都有自己的信息,当点击时会出现。当我尝试时,我很难得到infowindows来,它要么只显示一个标记,而没有InfoWindow。 谢谢,如果你需要更多的信息,请告诉我

  • var Rafael=new google.maps.latlng(52.341949,6.682236);var Aandagt=new google.maps.latlng(52.341949,6.782236); 任何帮助或建议如何添加和附加2个信息,一个为标记'Rafael'和一个为标记'Aandagt'将非常感谢。 查看当前地图:http://www.imrafaelhi.nl/stag

  • 问题内容: 我的项目使用JSON提要来获取有关指定纬度和经度边界内地震的信息,本质上是一个盒子。我获取此信息,并将所有结果转换为Google地图上的标记。我还需要每个标记还显示一些其他信息,因此我尝试使用内置的InfoWindow对象,以便在单击标记时打开带有该标记相关信息的工具提示。但是,我发现无论单击什么标记,相同的信息窗口始终位于该组的相同标记之上,并且我相信它始终是循环中创建的最后一个信息

  • 在我的应用程序中,我的web服务有多个纬度和经度。此时,使用下面的代码,我只能在goole地图上显示一个坐标。 现在,我想使用数组在地图上动态设置纬度和经度。我正在使用ArrayList val;获取和设置数据。有人能给我一个如何使这个类动态的提示吗。 新建更新下面的代码只显示一个标记,但我希望显示所有标记 MyItemizedOverlay.class

  • 我可以使用命令lp-o DymoPrintQuality=Text-o PageSize=w54h144-o横向-n 1-d Dymo400Turbo/tmp/test打印单个标签。txt。 当我使用命令lp-n2-o DymoPrintQuality=Text-o PageSize=w54h144-o横向-d Dymo400Turbo/tmp/test时。它打印一个标签,而不是2个。 我已经测试