2016-03-24 26 views
1

Sitemdeki bu özelliği (GMap - Info Window ) uygulamaya çalışıyordum.GMap Bilgi Penceresi görünmüyor

İşaretçiler çalışır, ancak Bilgi penceresi hiçbir zaman görünmez. ApplicationContext.xml aynı sonuçta InfoWindowView.java için id ve class ile fasulye eklemeyi denedim.

Yardımlarınız için minnettarım. sonra tüm Tamam aşağıya InfoWindowView.java

yılında

InfoWindowView.java

package com.examplej2eeapp.gmap; 

import java.io.Serializable; 
import javax.annotation.PostConstruct; 
import javax.faces.bean.ManagedBean; 
import javax.faces.bean.ViewScoped; 

import org.primefaces.event.map.OverlaySelectEvent; 
import org.primefaces.model.map.DefaultMapModel; 
import org.primefaces.model.map.LatLng; 
import org.primefaces.model.map.MapModel; 
import org.primefaces.model.map.Marker; 

@ManagedBean 
@ViewScoped 
public class InfoWindowView implements Serializable { 

    /** 
    * 
    */ 
    private static final long serialVersionUID = -4986785986810420408L; 

    private MapModel advancedModel; 

    private Marker marker; 

    @PostConstruct 
    public void init() { 
     advancedModel = new DefaultMapModel(); 

     //Shared coordinates 
     LatLng coord1 = new LatLng(36.879466, 30.667648); 
     LatLng coord2 = new LatLng(36.883707, 30.689216); 
     LatLng coord3 = new LatLng(36.879703, 30.706707); 
     LatLng coord4 = new LatLng(36.885233, 30.702323); 

     //Icons and Data 
     advancedModel.addOverlay(new Marker(coord1, "Konyaalti", "webapp/css/images/gps.jpg", "http://maps.google.com/mapfiles/ms/micons/blue-dot.png")); 
     advancedModel.addOverlay(new Marker(coord2, "Ataturk Parki", "webapp/css/images/gps.jpg")); 
     advancedModel.addOverlay(new Marker(coord4, "Kaleici", "webapp/css/images/gps.jpg", "http://maps.google.com/mapfiles/ms/micons/pink-dot.png")); 
     advancedModel.addOverlay(new Marker(coord3, "Karaalioglu Parki", "webapp/css/images/gps.jpg", "http://maps.google.com/mapfiles/ms/micons/yellow-dot.png")); 
    } 

    public MapModel getAdvancedModel() { 
     return advancedModel; 
    } 

    public void onMarkerSelect(OverlaySelectEvent event) { 
     marker = (Marker) event.getOverlay(); 
    } 

    public Marker getMarker() { 
     return marker; 
    } 
} 

accountHome.xhtml

<?xml version="1.0" encoding="UTF-8" ?> 
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:ui="http://java.sun.com/jsf/facelets" 
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:f="http://java.sun.com/jsf/core" 
     xmlns:p="http://primefaces.org/ui" 
     template="/WEB-INF/templates/general.xhtml"> 



    <ui:define name="title"><h:outputText value="My account Home" /></ui:define> 
    <ui:define name="header"><h:outputText value="My account Home" /></ui:define> 

    <ui:define name="content"> 
     <f:metadata> 
      <f:event type="postAddToView" listener="#{uiUtils.greetOnViewLoad}" update="growlMessages" /> 
      <f:attribute name="firstName" value="#{user.firstName}" /> 
      <f:attribute name="lastName" value="#{user.lastName}" /> 
     </f:metadata> 



    <h1>Account of #{user.firstName} #{user.lastName} </h1> 
    <f:view> 
     <h:head> 
      <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> 
     </h:head> 

     <h:body> 

<h:form> 
    <p:gmap id="gmap" center="36.890257,30.707417" zoom="13" type="HYBRID" model="#{infoWindowView.advancedModel}" style="width:100%;height:400px"> 

     <p:ajax event="overlaySelect" listener="#{infoWindowView.onMarkerSelect}" /> 

     <p:gmapInfoWindow id="infoWindow"> 
      <p:outputPanel style="text-align: center; display: block; margin: auto"> 

         <p:graphicImage name="webapp/css/images/#{infoWindowView.marker.data}" height="150" /> 

        <br /> 
        <h:outputText value="#{infoWindowView.marker.title}" /> 

      </p:outputPanel> 
     </p:gmapInfoWindow> 
    </p:gmap> 


</h:form> 


     </h:body> 
    </f:view> 


    </ui:define> 


</ui:composition> 

cevap

1

sadece bu hat komut örneğini kullanmaktadır.

advancedModel.addOverlay(new Marker(coord1, "Konyaalti", "gps.jpg", "http://maps.google.com/mapfiles/ms/micons/blue-dot.png"));