구글은 폴리곤으로 v3 API 마우스를 매핑합니까?
구글 v3 api가 훨씬 빨라서 지도를 만들고 있습니다.기본적으로, 이것은 약 30개의 도시가 있는 지역의 지도입니다. 그 지역 위에 다각형이 있습니다.사용자가 도시 위를 이동할 때 채우기 색을 가볍게 한 다음 마우스 아웃 시 정상 상태로 되돌리려고 합니다.사용자가 클릭하면 다른 페이지로 리디렉션됩니다.
클릭 이벤트가 제대로 작동합니다.그러나 v3 API 설명서를 보면 Google은 클릭, 더블 클릭, 마우스 이동, 마우스다운 및 마우스업을 이벤트 트리거로 구현했지만 마우스 오버, 마우스 아웃은 구현하지 않은 것 같습니다.
정말요? 세상에.저는 아래보다 아래가 더 우선이라고 생각합니다.
어쨌든, 이것을 접한 사람이 또 있습니까?내가 틀렸나요?아니면 해결 방법이 있습니까?
도와주셔서 미리 감사드립니다, 스테파니
다음 작업이 가능성:
google.maps.event.addListener(polygon,"mouseover",function(){
this.setOptions({fillColor: "#00FF00"});
});
google.maps.event.addListener(polygon,"mouseout",function(){
this.setOptions({fillColor: "#FF0000"});
});
Google Maps API V3에서 아래 코드를 가진 폴리곤에 대한 롤오버가 있습니다.롤오버할 때마다 지도의 설정을 해제하고 재설정해야 하는 것을 좋아하지 않지만, 이 시점에서 마우스 오버를 달성한 방법은 다음과 같습니다.
저는 이 코드를 개선하는 방법에 대한 의견이 궁금합니다.
var polyShape = new google.maps.Polygon({paths:polyData,strokeColor:"#aa0",strokeOpacity:0.5,strokeWeight:1,fillColor:"#cc0",fillOpacity: 0.25});
var polyShapeOver = new google.maps.Polygon({paths:polyData,strokeColor:"#cc0",strokeOpacity:0.5,strokeWeight:1,fillColor:"#ff0",fillOpacity: 0.25});
polyShape.setMap(map);
google.maps.event.addListener(polyShape,"mouseover",function(){
this.setMap(null);
polyShapeOver.setMap(map);
});
google.maps.event.addListener(polyShapeOver,"mouseout",function(){
this.setMap(null);
polyShape.setMap(map);
});
Maps API V3 이벤트는 개체별로 정의됩니다.V3 참조 페이지에서 검색을 수행하면 마우스 오버 및 마우스 아웃에 대한 정의가 있는 개체는 Marker뿐임을 알 수 있습니다.그래요, 당신 말이 맞는 것 같군요.
그런데, 이런 일을 하는 사람들이 있지만, 꽤 관련이 있어 보입니다.
http://groups.google.com/group/Google-Maps-API/browse_thread/thread/4ddc4f5888994563
마우스 오버 및 마우스 아웃은 이제 V3 Polyline에서 구현됩니다.
언급URL : https://stackoverflow.com/questions/1751710/google-maps-v3-api-mouseover-with-polygons
'programing' 카테고리의 다른 글
scanf() 형식 문자열에서 후행 공백의 영향은 무엇입니까? (0) | 2023.08.09 |
---|---|
십진수를 분수로 변환하는 방법은 무엇입니까? (0) | 2023.08.09 |
이메일 주소의 유효성을 확인하려면 어떻게 해야 합니까? (0) | 2023.08.04 |
Javascript를 사용한 함수 호출로 포스트 폼 제출 시뮬레이션 (0) | 2023.08.04 |
JQuery 타이머를 사용하여 js-function 호출 (0) | 2023.08.04 |