2012-07-06 2 views
0

완전 초보 질문에 뛰어 그러나 나는이 작업을 수행하는 방법을 작동하지 않을 수 있습니다Google지도

http://www.warrensbakery.co.uk/plymouth.htm

내가 구글지도에 정확한 핀으로 이동 링크와 함께지도를 만들려하고 보여줍니다 주소.

내가 여러 위치로 사용자 정의 Google지도지도를 만든 사전

+0

당신이 당신의 질문을 자세히 설명한다 – RAJ

+0

미안, 좀 더 많은 정보를 추가했다. 잘하면 그것이 의미가 있습니다. – Miles

답변

1

에 감사, 각 당신은지도에 핀 자체의 클릭 수와 정보창이 열립니다 것이다. 또한지도 밖에서 링크를 클릭하고 특정 핀의 정보창을지도에서 열어 볼 수있는 능력에 대해 말하고 싶습니다. 실제로는 매우 쉽습니다. 핀에있는 것과 동일한 공개 정보 이벤트로 클릭 이벤트를 설정하면됩니다.

관련 자바 스크립트

/* Used variables 
    map = the map itself 
    marker = the current pin 
    infowindow = the infowindow shown on the map 
    - my setup has only one infowindow and clicks just swap its content 
    label = the current infowindow content 
*/ 


// Inside loop setting each pin to the map 

// Click mevent for pins 
google.maps.event.addListener(marker, 'click', function() { 
    infowindow.close; 
    infowindow.setContent(label); 
    infowindow.open(map,marker); 
}); 

// Click event for link outside the map 
$(relevantLink).click(function(){ 
    $("html, body").animate({scrollTop:$("#yourMap").offset().top}, 500); 
    infowindow.close(); 
    infowindow.setContent(label); 
    infowindow.open(map,marker); 
    return false; 
}); 
+0

더글라스 감사합니다. 아직 완전히 이해하지 못하고 있습니다. 몇 개의 핀으로 데모를 해줄 수 있습니까? 고마워요. – Miles

+0

정확한 방법은 Google지도 API를 사용하여지도를 처음 설정하는 방법에 달려 있습니다. 아마, 당신은 어딘가에 당신의 모든 핀 위치와 정보를 나열하는 일종의 배열을 가지고 있습니다. 코드가 배열을 통해 반복 될 때 (여기에지도의 핀 (배열 항목 당 하나의 핀) 설정) 여기에 현재 배열 항목을 열려고하는지도 외부의 링크에 두 번째로 나열된 클릭 이벤트를 추가하면됩니다 지도. 이제 각 배열 항목 (지도 핀)은 핀 자체 및지도 외부의 링크에서도 클릭이 발생합니다. – DACrosby