2012-11-26 4 views
0

내 앱에 위치가 있습니다. 버튼을 클릭하면 해당 위치에 마커가있는지도가 표시됩니다. 마커를 클릭하면 해당 위치의 세부 정보가 담긴 InfoWindow가 표시됩니다. 이제 InfoWindow를 클릭하면 현재 위치와 그 위치 사이의 경로를 보여주는 다른지도 페이지가 열리고 싶습니다.javascript의 InfoWindow는 휴대 기기에서 클릭 할 수 있습니까?

InfoWindow는 휴대 기기에서 클릭 가능 여부를 묻는 사람이 없으므로 다음 페이지로 이동합니다.

도움을 주시면 감사하겠습니다. 미리 감사드립니다.

+0

왜 직접 시도해 보지 않으시겠습니까? –

+0

나는 모든 것을 마쳤지 만 클릭 가능한 InfoWindow에 대해서는 아무 것도 얻지 못한다. – Oops

답변

0

그렇게 할 수 없습니다.

당신은 다른 3 가지 옵션이 있습니다 :

  1. this 예에서와 대화 상자가 정보창 대체 :

  2. 장소 클릭 이벤트 디스플레이가 다른 페이지에 정보를 필요 마커 :

    $('#map_canvas').gmap('addMarker', { 
        'position': new google.maps.LatLng(parameters[j].lat, parameters[j].lng), 
        'bounds': true 
    }).click(function() { 
         // Do something with marker 
    }); 
    
  3. google.maps.Map 구현의 경우 사용자 정의 정보 상자를 만드는 데 사용되는 플러그인이 있습니다. 그것은 InfoBox, herehere이라고 불리우며 자세한 내용을 찾을 수 있습니다. 원하는만큼 스타일을 지정하십시오.

Here 당신이 정보창과 인포 박스에 클릭 이벤트를 추가하는 방법을 예를 찾을 수 있습니다 (V2와 V3). 그 후이 코드를 사용하여 원하는 페이지를 표시하십시오.

$.mobile.changePage("#jobInfo", {transition: "none", reloadPage : false}); 
+0

첫 번째 옵션은 모바일 장치에 적합하지 않으며 내 앱에서 gmap을 사용하지 않습니다. 그래서 이것을 해결할 다른 방법이 있습니다. 감사합니다 – Oops

+0

어떤 맵 구현을 사용하고 있습니까? – Gajotres

+0

map = new google.maps.Map (document.getElementById ('map_canvas'), myOptions); 나는 이것을 사용한다. – Oops