Ответ 1
Следующие работы:
google.maps.event.addListener(polygon,"mouseover",function(){
this.setOptions({fillColor: "#00FF00"});
});
google.maps.event.addListener(polygon,"mouseout",function(){
this.setOptions({fillColor: "#FF0000"});
});
Я создаю карту, используя google v3 api, потому что она быстрее. По существу, это карта области с примерно 30 городами с полигонами над регионами. Когда пользователь нависает над городом, я хочу, чтобы fillColor стал легче, а затем вернул ему нормальное состояние при выводе мыши. когда пользователь нажимает, он перенаправляет их на другую страницу.
Событие click работает очень хорошо. Но, просматривая документацию по API-интерфейсу v3, кажется, что Google реализовал клики, двойные щелчки, mousemove, mousedown и mouseup в качестве триггеров событий, но не зависает, не наводит указатель мыши или мыши.
Действительно? Geez. Я бы подумал, что это будет более приоритетным, чем вниз и вверх.
В любом случае, кто-нибудь еще сталкивался с этим? Я ошибаюсь? Или есть обходной путь?
Заранее благодарю вас за помощь, Стефани
Следующие работы:
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 у меня есть опрокидывание для многоугольника с приведенным ниже кодом. Мне не нравится, что я должен отключить и reset карту каждого опроса, но на данный момент я так и сделал, что навел курсор мыши.
Мне интересны любые комментарии о том, как улучшить этот код.
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
mouseover и mouseout теперь реализованы в V3 Polyline.