programing

구글은 폴리곤으로 v3 API 마우스를 매핑합니까?

muds 2023. 8. 9. 21:04
반응형

구글은 폴리곤으로 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

반응형