The examples show invoking some nice, built-in, javascript functions on markers etc. Where's the documentation on these functions?

What is the example url?

hi Is it possible to get new longitude and latitude attributes once user move the marker?? Actually, in my project, i need to get these attributes (once fixed by user when moving the marker) to set them into a Bean.

server side events are not supported till now.

The type can be more types than the given 3. See http://code.google.com/apis/maps/documentation/reference.html#GMapType.G_NORMAL_MAP

When I use autoReshape attribute I get an attribute not valid error. What am I doing wrong?

This is the line:

<m:map autoReshape="true" height="585px" latitude="30.01" longitude="31.14" width="550px" zoom="12">

Please use the latest 1.1.2 snapshot.

Thanks, I was using the 1.1.1 version, and I updated to the latest, but I forgot re-build.

Thanks

Hi, I am considering the use of gmaps4jsf in one of my projects. So far it looks very promising. In my use case I would like to search for an address and display it with all locations from my database.

Therefore I would need to know whether a location is close to the entered address or not.

Is there a way to calculate this? Or is it possible to get the map boundaries as long and lat data so I can restrict my search this way?

Thanks

Hi tobias,

At first please join the GMaps4JSF group so you can follow all of the library updates. You can join the group from here: http://groups.google.com/group/gmaps4jsf-dev

About your question, if you can do this using Google Maps APIs, please direct us to a link and we will support this scenario BUT till now we are not supporting this feature.

BTW, To ask for a new feature, please submit your feature here: http://code.google.com/p/gmaps4jsf/issues/list

Can you also please tell me about your project name (if possible) to add to the wiki list?

I'm using Seam with RichFaces? and ajax4jsf.

Using the limited Richfaces gmap I am able to get it to refresh with the new latitude and longitude using;

<a4j:support event="onchange" action="#{devicesToTrackBean.getDevicesToTrackCurrentLocation(devicesToTrack)}" oncomplete="map.setCenter(new GLatLng('#{latitude}', '#{longitude}'), 13)" />

However when I try the same refering to the gmapVar of map2;

<m:map mapType="G_NORMAL_MAP" latitude="#{latitude}" longitude="#{longitude}" zoom="13" gmapVar="map2" width="width:100%" height="500px" oninit="init(map2)" id="NOTiFYPiNPOINTmap2">

<m:marker latitude="#{latitude}" longitude="#{longitude}"/> <m:mapControl name="GLargeMapControl" position="G_ANCHOR_BOTTOM_LEFT"/> <m:mapControl name="GMapTypeControl"/> </m:map>

Nothing happens.

How can I refresh my m:map using the a4j:support event="onchange"?

Thanks

1. To respond to the various Ajax responses: Just put your map inside a panel component, and in the re-render of the component that initiates the Ajax, put the id of the panel. Example: http://mashups.s43.eatj.com/gmaps4jsf-examples/pages/mashups.jsf;jsessionid=1191A1765C19DB53B92BDB867119D8D3

2. To respond to the client-side events: Just use the <m:eventListener/> component, an example is here: http://mashups.s43.eatj.com/gmaps4jsf-examples/pages/mapEvents.jsf;jsessionid=1191A1765C19DB53B92BDB867119D8D3

Hazem thanks for that, the reRender on the a4j:support tag solved it. However ....

Whilst I was trying the m:map tag I left the rich:gmap tag in. So am getting two maps one above the other.

If I remove the basic rich:gmap tag the m:map doesn't appear!

Any suggestions?

!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a4j="https://ajax4jsf.dev.java.net/ajax"
    xmlns:m="http://code.google.com/p/gmaps4jsf/"
    template="layout/template.xhtml">
    
    <head> 
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />       
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAgiNNSEpcz5q7mruleySC6RRc6qmiA-g9mt16aVfJwib-tiHt_hTRSSSqgVoLBj20zGqtn5m8J6ZtYw" type="text/javascript">
        function refreshMap() {
            alert('refreshMap()')
            map2.setCenter(new GLatLng('#{latitude}', '#{longitude}'), 13)
        }
        </script>
    </head>  
   
    <f:view contentType="text/html"></f:view>
    <ui:define name="body">
    
    <h1>NOTiFY PiNPOiNT</h1>

    <h:form id="mapForm">
     
        <script>
        function refreshMap() {
            alert('refreshMap()')
            map.setCenter(new GLatLng('#{latitude}', '#{longitude}'), 13)
        }
        </script>
        
        <rich:panel style="width:100%; height:100%;">
            <!-- <h:panelGroup> -->
	        
	            <h:panelGrid columns="2">
	                <h:outputLabel for="devicesToTrack">Device to track</h:outputLabel>
	                <h:selectOneMenu id="devicesToTrack" value="#{devicesToTrack}" required="true">
	                
	                    <s:selectItems value="#{devicesToTrackList}" 
	                    var="devicesToTrack" 
	                    label="#{devicesToTrack.vehicleAllocatedTo}"
	                    itemValue="#{devicesToTrack}"  
	                    noSelectionLabel="Please select"/>
	                    <s:convertEntity/> 
	                   
	                    <a4j:support event="onchange" action="#{devicesToTrackBean.getDevicesToTrackCurrentLocation(devicesToTrack)}" reRender="NOTiFYPiNPOINTpanelGrid" />
	                    
	                </h:selectOneMenu> 
	                <rich:message for="devicesToTrack">
	                </rich:message>
	            </h:panelGrid>
	        
	            <h:panelGrid id="NOTiFYPiNPOINTpanelGrid" columns="1" style="width:100%">
                    <m:map 
                        mapType="G_NORMAL_MAP"
                        latitude="#{latitude}" 
                        longitude="#{longitude}" 
                        zoom="13"
                        gmapVar="map"
                        width="width:100%" 
                        height="500px" 
                        oninit="init(map)"
                        renderOnWindowLoad="false"
                        rendered="true" 
                        id="NOTiFYPiNPOINTmap">
                        
                        <m:marker latitude="#{latitude}" longitude="#{longitude}"/>
                        <m:mapControl name="GLargeMapControl" position="G_ANCHOR_BOTTOM_LEFT"/>
                        <m:mapControl name="GMapTypeControl"/> 
                        
                    </m:map> 
                </h:panelGrid>
	        
	            <h:panelGrid columns="1" style="width:100%">
	                <rich:gmap/> 
                </h:panelGrid>
                
            <!-- </h:panelGroup> -->
        </rich:panel>
    </h:form>

    </ui:define>
</ui:composition>