如何自动关闭infoWindow?

时间:2012-11-21 20:01:52

标签: javascript google-maps

大师,问候:

我对javascript有疑问。我写了一个javascript补丁来在Google地图上显示多个标记。从数据库中检索这些标记的地理编码和相关信息,并在APEX中使用JSON传递数据。问题是:如果用户单击另一个标记,我想关闭标记的infowindow。我尝试设置只有一个infowindow的全局变量,它确实实现了我的目的,当我点击另一个标记时,infowindow会自动关闭,但每个标记在infowindow中都有相同的内容。任何人都可以帮我解决这个问题吗?非常感谢你的帮助。

这是我的代码

<img src="#WORKSPACE_IMAGES#1938.JPG"\><script type="text/javascript"           src="http://maps.googleapis.com/maps/api/js?sensor=false">     </script>
<script type="text/javascript">

var infoWindow;

function initialize() {

    //var test_geo=$v('P3016_H_RESIDENT_GEOCODING');
    //alert(test_geo);

    var myOptions = { zoom: 18, mapTypeId: google.maps.MapTypeId.ROADMAP};
    var map = new google.maps.Map(document.getElementById("map"), myOptions);

    var markerBounds = new google.maps.LatLngBounds();
    var point=new google.maps.LatLng(&P3016_H_RESIDENT_GEOCODING.);

    markerBounds.extend(point);
    map.fitBounds(markerBounds);

    var listener = google.maps.event.addListener(map, "idle", function() {
        map.setZoom(map.getZoom()-8);
        google.maps.event.removeListener(listener);
    });

    var json_obj = $v('P3016_H_JSON');
    var obj = jQuery.parseJSON(json_obj);
    var markers= new Array();
    var current_parameter;
    var my_URL;
    var test_prefix = $v('P3016_H_APEX_PREFIX');


    for (var u = 0; u < obj.Offenders.length; u++){
        var user = obj.Offenders[u];

        markers[u] = new google.maps.Marker({ position: new google.maps.LatLng(obj.Offenders[u].LA,obj.Offenders[u].LO), map: map });
        current_parameter ="&APP_ID.:216:&SESSION.::NO::O:"+user.cs;
        my_URL=my_URL=test_prefix+encodeURIComponent(current_parameter);


        my_URL='<a href='+my_URL+'>'+user.Name+'</a>'+'\n'+user.Addr;

        addInfoWindow(markers[u], my_URL);
    }



    function addInfoWindow(marker, message) {
        var info = message;

        infoWindow = new google.maps.InfoWindow({
            content: message
        });

        google.maps.event.addListener(marker, 'click', function () {
            //if (infoWindow.getMap()){
             //   infowWindow.close();
            //}

            infoWindow.open(map, marker);
        });
    }


    var radius_in_miles=$v('P3016_H_RADIUS_M');
    var circle = {
        strokeColor: "#ff0000",
        strokeOpacity: 0.8,
        strokeWeight: 1,
        fillColor: "#ff0000",
        fillOpacity: 0.20,
        map: map,
        center: point,
        radius: 1609.3*radius_in_miles   };

    var drawCirle = new google.maps.Circle(circle);


}

1 个答案:

答案 0 :(得分:0)

在打开()之前,只需在全局infoWindow上调用setContent()。要获得正确的消息,您可以将用户ID存储在标记中,并在需要时构造消息,即。 markers [u] .user_id = u; 在单击处理程序中,您可以使用this.user_id从违规者数组中获取用户。

https://developers.google.com/maps/documentation/javascript/reference#InfoWindow