1

WebAPIからユーザーのjsonオブジェクトの配列を取得しています。各ユーザーのマーカーをその場所に正しく表示できますが、各ユーザーをクリックしてクリックされたアイテムを取得すると、作業に取り掛かることができません。常にリストの最後から情報を取得します。

これは私がそれらを地図上に置くために使用するコードです：

var markers = [];

for ( var i = 0; i < size; i++) {
    var zIndex = membersList[i].type; 
    var latLng = new google.maps.LatLng(membersList[i].latitude,
            membersList[i].longitude);
    var marker = new google.maps.Marker({
        'position' : latLng,
        'shadow' : null,
        'zIndex' : zIndex,
        'title'  : membersList[i].username,
        'id'     : i,
        'icon' : markerImage[membersList[i].type]
    });

    google.maps.event.addListener(marker, 'click', function()
    {
        console.log(marker.id);
        var clicked = membersList[marker.id];
        var mType = ['', 'Couple', 'Male', 'Female'];
        var textType = mType[clicked.type];
        var userName = clicked.username;
        $(this).simpledialog2({
            mode: 'button',
            headerText: "OPTIONS",
            headerClose: true,
            buttonPrompt:  userName+ ' ('+textType+')',
            buttons : {
                'PROFILE': {
                    click: function () {
                        toUser = userName;
                        loadPage('profile');
                    },
                    icon: "info"
                },
                'MESSAGE': {
                    click: function () { 
                        toUser = userName;
                        loadPage('compose');
                    },
                    icon: "star",
                }
            }
        });
    });

    markers.push(marker);
}

markerCluster.addMarkers(markers);

ちなみに、markerClustererを使用して、マップ上にグループ化されたマーカーをいくつかのズームレベルで表示しています。

4

2 に答える 2

3

クリック機能の外部で定義されているマーカーを使用しています。

あなたが見る必要があるのはグーグルマップAPIであり、クリックされたマーカーIDを取得する方法を見つける

マーカーはループを介してインクリメントされ、常に最後に作成されるマーカーになります

于 2012-03-07T12:05:14.217 に答える
2

手遅れになることは決してないので、私が正しく理解していれば、これがアプローチです。

マーカーをインスタンス化するときは、個々のセットアップが完了した後で、マーカーをアレイに追加します。

var MySiteWithMap = { 
    markersArray : [], //Markers array
    map : {}, //Map object instance
    init : function() {

       var mapCanvas = document.getElementById("map");
       var mapOptions = {
         center : new google.maps.LatLng(-26.816667, -65.216667),
         zoom : 11
       };
       this.map = new google.maps.Map(mapCanvas,mapOptions);

       /*
       The following is used to get the Lat and Lng where the user clicks. 
       It may be useful to store the last coordinate where the user clicked.
       */
       this.map.addListener("click", function(event){
          var lat = event.latLng.lat();
          var lng = event.latLng.lng();
          console.log("Lat: "  + lat + "  Lng: "  +  lng);
       });

       MySiteWithMap.initMarkers();

    },
    initMarkers : function(url){
         $.get(url).done(function(result){
            var lat;
            var lng;
            $.each(result,function(index,element){
               lat = element.Latitud;
               lng = element.Longitud;

               var position = new google.maps.LatLng(lat,lng);

               var marker = new google.maps.Marker({
                   position : position,
                   map : _this.map,
                   id : element.id //Supposing it's a primary key from the DB or some other unique id.
               });
               marker.addListener('click',function(){
                   console.log(this.id)
               });

               Mapas.markersArray[marker.id] = marker; 
        })
    }
}

そうすることで、マーカーオブジェクトの配列ができます。特定のマーカーインスタンスへの参照を取得する場合、オプションは、クリックされたマーカーのIDを取得し、「markersArray」でそれを探すことです。

マーカーの位置（またはその他のプロパティ）を取得する場合は、次のように実行できます。

console.log(MySiteWithMap.markersArray[123].position)

お役に立てれば！

于 2017-01-30T15:30:43.937 に答える