KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I use the google map tool from primefaces . I want my user to be able to place just one marker on a map. The values of the coordinates should be stored in a managed bean variables. How can I do that? See what I did so far: I created the map: <f:view contentType="text/html"> <p:gmap id="gmap" center="36.890257,30.707417" zoom="13" type="HYBRID" style="width:600px;height:400px" model="#{mapBean.emptyModel}" onPointClick="handlePointClick(event);" widgetVar="map" /> </f:view> <p:dialog widgetVar="dlg" effect="FADE" effectDuration="0.5" close="false" fixedCenter="true"> <h:form prependId="false"> <h:panelGrid columns="2"> <h:outputLabel for="title" value="Title:" /> <p:inputText id="title" value="#{mapBean.title}" /> <f:facet name="footer"> <p:commandButton value="Add" actionListener="#{mapBean.addMarker}" update="messages" oncomplete="markerAddComplete()"/> <p:commandButton value="Cancel" onclick="return cancel()"/> </f:facet> </h:panelGrid> <h:inputHidden id="lat" value="#{newOfferSupportController.mapLocationX}" /> <h:inputHidden id="lng" value="#{newOfferSupportController.mapLocationY}" /> </h:form> </p:dialog> <script type="text/javascript"> var currentMarker = null; function handlePointClick(event) { if(currentMarker == null) { document.getElementById('lat').value = event.latLng.lat(); document.getElementById('lng').value = event.latLng.lng(); currentMarker = new google.maps.Marker({
Tags (comma-separated)
Save Edits
Cancel