google.map 객체의 'marker'객체에 어떻게 액세스합니까?

Question

Drupal에서 Google지도를 사용하고 있습니다 (하지만 내 문제와 관련이 없다고 생각합니다). 보기 (Drupal의 페이지 표시)에서 Google지도에 마커를 표시하고 있습니다. 외부 블록에지도의 마커 링크를 표시하고 있습니다.

this example을 보았습니다. 그러나 다른 방법은 없습니다. 지도 표시를 클릭하면 관련 링크 (및 추가 데이터)를 표시하고 싶습니다.

Object {text: "mytext", latitude: "46.3611897222", longitude: "1.60658955574", title: "Title of mymarker", markername: "mymarkername"…} 
"": "mytext" 
    latitude: "46.3611897222" 
    longitude: "1.60658955574" 
|> marker: Vl 
    markername: "mymarkername" 
    offset: "" 
|> opts: Object 
    text: "mytext" 
    title: "Title of mymarker" 

PS : 삼각형 확장 아이콘

나는 그 마커 객체를 대상으로 필요하지 mymarker의 |> 스탠드

(function ($) { 
    Drupal.behaviors.gmap = { 
     attach: function (context, settings) { 
      //'auto1map' is the name of my map 
      $.each(Drupal.settings.gmap.auto1map.markers, function(index, mymarker){ 
       console.log(mymarker); 

       //using 'mymarker' doesn't trigger the mouseover 
       //I need the 'mymarker.marker' marker-object instead 
       var marker = ???; 

       //I want to do something like this 
       google.maps.event.addListener(marker, 'click', function(e){ 
        console.log(index+' finally clicked'); 
       }); 
       // ...the rest of my code 
      }); 
     } 
    } 
})(jQuery); 

mymarker 객체는 크롬 콘솔이 같다 대상

마커 부분은 다음을 포함합니다.

내가 mymarker.latitude을하려고하면 953,221,392,566,255,333,210

, 난 내가 $(mymarker).opts을하려고하면, 내가 'OPTS'객체를 가져 위도 값

을 얻을

하지만 난는 '마커'부분을 얻을 것입니다 필요하지만, 내가 할 수있는 작업 't 그것을 얻을 : 내가

console.log(mymarker.marker)

을 시도

012 오브제 (mymarker) => 정의되지 않은

console.log($(mymarker).marker) =>는 $ 3,516,

console.log($(mymarker).get('marker)) => 정의되지 않은

내가이며 어떻게 마커 객체의 type 것 같다 'VI의'에 캐스팅 모르는 ("마커"형?). 시도해 보았습니다 api guide이 데이터에 액세스하는 방법에 대한 도움말을 어디서든지 찾을 수 없었습니다.

편집 - 필요한 것을 보여주기 위해 js 코드를 편집했습니다.

편집 - @ Dr.Molle 덕분에 AlexK가 목표를 달성 할 수있었습니다.

이것은 업데이트 된 버전입니다. 마커가있는 Google지도를 표시하는 드루팔 (Drupal)보기가 있으며, 다른 블록의 HTML 목록에 동일한 마커를 표시하는 "첨부 파일"이 있습니다. 마커를 클릭하면 해당 목록 요소를 표시하고 다른 요소는 숨기려고합니다.

(function ($) { 
    //When click on marker, act on related link 
    Drupal.behaviors.gmap = { 
    attach: function (context, settings) { 
     //I get all the html list elements 
     var li = $('.view-content .views-field-title').parent(); 
     //and hide them all 
     li.hide(); 

     //Set index to associate list element and markers 
     var index = 0; 
     var lastindex = -1; 

     //reference for the map 
     var map=Drupal.gmap.getMap('auto1map'); 
     //bind addmarker-handler, the marker is available as callback-argument 
     map.bind('addmarker', function (m) { 
     var element = $(li)[index]; 
     m.marker.index=index; 

     //remove listeners set automatically by the library 
     google.maps.event.clearListeners(m.marker, 'click'); 

     //add your custom listener 
     google.maps.event.addListener(m.marker, 'click',function(){ 
      //Hide last shown element 
      if (lastindex != -1){ 
      $($(li)[lastindex]).hide(); 
      } 
      //Show the html element corresponding to the marker 
      $(element).show(); 
      //Set new lastindex 
      lastindex = parseInt(m.marker.index); 
     }); 

     index++; 
     }); 
    } 
    }; 
})(jQuery); 

Answer 1

나는 드루팔이 플러그인을 잘 모르겠지만, 문제가 보인다 문제는는 마커 (google.maps.Marker -instances)에 액세스 할 때 이다, 마커에 액세스 할 수 방법 없습니다.

latitude 및 longitude과 같은 스칼라 값은 함수가 실행될 때 설정을 통해 이미 사용할 수 있지만 나중에 google.map.Markers가 만들어집니다.

당신은 콘솔을 확장 할 때 마커를 볼 수 있지만, 당신은 개체의 상태가 될 것입니다 무엇을보고 당신은 객체, 전화 할 대상이 아닌 상태를 확장 할 때 console.log

가능한 해결 방법 :

(function ($) { 
    Drupal.behaviors.gmap = { 
     attach: function (context, settings) { 
      //reference for the map 
      var map=Drupal.gmap.getMap('auto1map'); 

      //bind addmarker-handler, the marker is available as callback-argument 
      map.bind('addmarker', function (m) { 
      //remove listeners set automatically by the library 
      google.maps.event.clearListeners(m.marker, 'click'); 
      //add your custom listener 
      google.maps.event.addListener(m.marker, 'click',function(){ 
       alert('This marker is placed \n@'+this.getPosition().toString()); 
      }); 
      }); 
     } 
    } 
})(jQuery); 

이상하게도이 설정을 클릭 - 다른 종류 가능 : (마커가지도에 추가 할 때 실행됩니다) 당신이 당신의 정의를 할당 위치를 클릭 리스너지도에 addmarker -listener를 추가 설정 (예 : infoWindow-creation 및 ajax-callbacks)을 통한 비헤이비어 하지만 간단한 콜백 함수를 정의하는 옵션을 찾지 못했습니다.