0

大师们，问候：

我有一个关于 javascript 的问题。我编写了一个 javascript 补丁来在 Google 地图上显示多个标记。这些标记的地理编码和相关信息是从数据库中检索的，我在 APEX 中使用 JSON 传递数据。问题是：如果用户单击另一个标记，我想关闭标记的信息窗口。我尝试只设置一个 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);


}

4

1 回答 1

0

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

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

于 2012-11-22T01:20:36.367 回答