0

教祖、挨拶：

JavaScriptについて質問があります。Google マップに複数のマーカーを表示する JavaScript パッチを作成しました。これらのマーカーのジオコーディングと関連情報はデータベースから取得され、APEX で JSON を使用してデータを渡します。問題は、ユーザーが別のマーカーをクリックした場合にマーカーの情報ウィンドウを閉じたいということです。infowindow のグローバル変数を 1 つだけ設定しようとしましたが、目的を達成し、別のマーカーをクリックすると 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 をマーカーに格納し、必要なときにメッセージを作成します。つまり、markers[u].user_id = u; です。クリック ハンドラーで this.user_id を使用して、offenders 配列からユーザーを取得できます。

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

于 2012-11-22T01:20:36.367 に答える