Foursquare Google지도의 마커 버튼을 저장 하시겠습니까?

아이디어는 목록에서 모든 정사각형 위치를 Google지도로로드하고 다른 사람들이 "정사각형 버튼에 저장"을 클릭하여 자신의 목록에 추가 할 수있게하는 것이 었습니다. 하지만 Google지도 마커 안에서 사용하려고 할 때 몇 가지 문제가 발생했습니다.Foursquare Google지도의 마커 버튼을 저장 하시겠습니까?

Foursquare (https://foursquare.com/business/brands/offerings/savetofoursquare)에서 사용하는 스크립트는 Google지도 아이콘 안에 위치 할 때 "정사각형 버튼에 저장"링크가 보이지 않는 것 같습니다.이 아이콘은 스타일이 없습니다. 링크를 클릭하면 라이트 박스에서는 열리지 않지만 새로운 페이지에서는 열립니다. 일부 CSS로 버튼의 스타일을 지정할 수 있습니다. 하지만 라이트 박스는 다른 이야기입니다. 하나 열 수는 있지만 언제 닫을 지 어떻게 알 수 있습니까?

Google지도가없는 단일 페이지에서 "네모꼴 버튼 저장"을 테스트하면 위치를 저장 한 후 라이트 박스가 자동으로 닫힙니다. 하지만 마커에서 하나를 열면 다시 닫을 때를 감지하는 방법이 없다고 생각합니다.

"정사각형 버튼에 저장"이 첫 번째 장소. "네모 제곱 버튼 저장"을 Google지도 마커에서 작동 시키려 한 사람이 있습니까? 모든 팁을 환영합니다 :)

여기 내 말을 볼 수 있습니다 http://tijmensmit.com/foursquare/ 버튼이 unstyled, 그리고 아무 라이트 박스 중 하나입니다.

출처

2012-01-25 tijmen

나는 동일한 문제가있었습니다.

그것이 정말 DOM 준비에서 무엇을하는지 알아 https://foursquare.com/business/brands/offerings/savetofoursquare

Unminify 정사각형의 widget.js에서와 포 스퀘어 SDK를 포함합니다. 다음은 정사각형이 실제로 수행 내용은 다음과 같습니다

// My function to replace "new" Foursquare save buttons 
// @param e : <a class=fourSq-widget> element 
function myFoursquareReplaceSave(e) { 
    if (typeof e != "undefined") { 
     var f = window.fourSq.widget.Factory; 
     var c = f.markerConfig(e); 
     var b = f.instance(c); 
     "false" == c.replaceButton ? b.attach(e) : b.replace(e); 
    } 
}

마지막 기능에 새로운 GMAP 인포 박스가 생성 될 때마다 호출

go: function (a) { 
    a = g.findMarkers(a); 
    e.each(a, function (a) { 
     var c = g.markerConfig(a), 
     b = g.instance(c); 
     "false" == c.replaceButton ? b.attach(a) : b.replace(a) 
    }) 
},

자신의 함수를 작성. 뭔가 같은 :

// t is the Infobox (a google.maps.OverlayView), 
// div is the <div> element (the content) 
// (using jquery) 
myFoursquareReplaceSave($(t.div).find('.fourSq-widget').get(0));

나는 정보창의 domready 수신기를 테스트하지 않았습니다 : https://stackoverflow.com/a/5505179/229088

출처

2012-01-31 03:26:27 sglessard

Foursquare Google지도의 마커 버튼을 저장 하시겠습니까?

답변

관련 문제