You need to sign in to do that
Don't have an account?
![Janno Rip Janno Rip](https://dfc-org-production.my.site.com/img/userprofile/default_profile_45_v2.png)
Load / reRender Image on mouseover <apex:mapMarker>
Hello,
I have a Visualforce which displays records inside a googlemap and also as a table. What I want to achieve is the following:
Whenever a user hovers over a record in the table it should get highlighted in the googlemap. I am almost there but the "reRendering/reloading" of the map is where I am stuck right now. This is what I got so far:
![User-added image](/forums/servlet/rtaImage?eid=9062I000000Xwhq&feoid=Body&refid=0EM2I000000et5i)
When I hover over the ID it will reRender and displayed like this:
![User-added image](/forums/servlet/rtaImage?eid=9062I000000Xwhq&feoid=Body&refid=0EM2I000000et5n)
The "problem" is that the entire maps reRenders / reloads in the process which is poor user experience. Is there anyway of just rerendering the apex:marker / image? Via some javascript?
Thanks!
I have a Visualforce which displays records inside a googlemap and also as a table. What I want to achieve is the following:
Whenever a user hovers over a record in the table it should get highlighted in the googlemap. I am almost there but the "reRendering/reloading" of the map is where I am stuck right now. This is what I got so far:
<apex:form> <apex:outputPanel > <apex:actionSupport event="onmouseover" rerender="marker"> <apex:param name="image" value="/green.png" assignTo="{!imageName}"/> </apex:actionSupport> <apex:actionSupport event="onmouseout" rerender="marker"> <apex:param name="image" value="/ms_star.png" assignTo="{!imageName}"/> </apex:actionSupport> {war.id} </apex:outputPanel> </apex:column> </apex:dataTable> </apex:form> <apex:outputPanel id="marker"> <apex:map ... <apex:mapMarker ...The result for now looks like this (star turns green...):
When I hover over the ID it will reRender and displayed like this:
The "problem" is that the entire maps reRenders / reloads in the process which is poor user experience. Is there anyway of just rerendering the apex:marker / image? Via some javascript?
Thanks!
You can go through the below blog once,
https://developer.salesforce.com/forums/?id=906F000000095LKIAY
Thanks.
thanks for your reply. I know that post but it probably will not work for my case. The images/Icons that I am trying to replace are inside <apex: mapMarker> where mouseover is not supported. I achieve that easily for the table images which is - regarding the functionality - exactly what I want. But I do not want the table images to change. I want the apex:marker Icons to change. Or am I missing something?
Greetings