2011-09-28 6 views
3

Google 웹 사이트는 쿼리에서 업체를 선택하고 10 개 위치의 배치로 결과를 반환합니다. 자세한 정보는 gridview에 표시되고 위치는 빙지도의 사용자 고정 핀으로 표시됩니다. 지도에서 항목을 가리키면 정보 패널 등이 나타납니다. 내 용도는 다음과 같습니다. -Bing 맵이있는 압정 강조 표시

1) 사용자가 gridview 목록에서 해당 항목을 가리키면지도의 해당 핀이 강조 표시됩니다. 2) 사용자가 목록에서 항목을 클릭하면지도가 해당 위치로 확대됩니다. (나는 다른 중심과 눈금을 가진지도를 다시 그리는 것으로 비교적 간단하다고 생각한다)

나의 첫 번째 생각은 연관된 압핀의 요소를 얻고 그것을 '강조 표시된' 나중에 원래 상태로 바꿉니다.

내 질문은 : - 올바른 접근 방법인가요? 더 좋은 방법이 있습니까? 거기에서 비슷한 것을 사용하는 샘플 코드가 있습니까? 정확히 내가 사용하는 접근 방식

많은 감사 폴

답변

3

) 내가 좋을 것 유일한 약간의 수정은 대신 완전히 새로운 하나를 사용하여 이미지를 교체, 당신은 스프라이트 시트의 사용을 만들 것입니다 그 강조 표시된 이미지와 강조되지 않은 이미지가 모두 있습니다. 그런 다음 onmouseover 이벤트 핸들러에서 강조 표시된 상태 만 표시하도록 이미지를 오프셋하는 CSS 클래스를 할당하도록 압핀의 typeName 속성을 설정하고 onmouseout 이벤트에서 강조 표시되지 않은 배경 이미지가 표시되도록 CSS 클래스를 다시 설정합니다 . 이렇게하면 페이지가 더 빨리로드되고 이전 이미지가 새 이미지로 바뀌어 깜박임이 발생할 위험이 없습니다.

typeName 속성에 대한 참조 : http://msdn.microsoft.com/en-us/library/gg427629.aspx