Gmap do primefaces

4 respostas
S

Pessoal gostaria de saber se é possivel criar um circulo e arrastar ele pelo mapa, usando o componente Gmap do primefaces,como no exemplo http://www.primefaces.org/showcase-labs/ui/gmapDraggableMarkers.jsf, porem ao inves de ser marcadores seria um circulo.

4 Respostas

M


No proprio site tem mostrando como criar circulos veja:

http://www.primefaces.org/showcase-labs/ui/gmapCircle.jsf

E pra dexa eles “arrastavel” voce percorre a lista que voce crio no bean e seta eles como “draggable”, oh:

// Exemplo tirado do site de exemplos do primefaces
circleModel = new DefaultMapModel();  
  
//Shared coordinates  
LatLng coord1 = new LatLng(36.879466, 30.667648);  
LatLng coord4 = new LatLng(36.885233, 30.702323);  
  
//Circle  
Circle circle1 = new Circle(coord1, 500);  
circle1.setStrokeColor("#d93c3c");  
circle1.setFillColor("#d93c3c");  
circle1.setFillOpacity(0.5);  
  
Circle circle2 = new Circle(coord4, 300);  
circle2.setStrokeColor("#00ff00");  
circle2.setFillColor("#00ff00");  
circle2.setStrokeOpacity(0.7);  
circle2.setFillOpacity(0.7);  
  
circleModel.addOverlay(circle1);  
circleModel.addOverlay(circle2);

for(Marker marker : circleModel.getMarkers()) {  
    marker.setDraggable(true);  
}

Não testei aqui, fiz de cabeça … Tenta ai e ve se da certo…

CLEYSON

Boa Tarde,

Na documentação do Primefaces existe somente os seguintes eventos para gmap:

overlaySelect org.primefaces.event.map.OverlaySelectEvent - When an overlay is selected.
stateChange org.primefaces.event.map.StateChangeEvent - When map state changes.
pointSelect org.primefaces.event.map.PointSelectEvent - When an empty point is selected.
markerDrag org.primefaces.event.map.MarkerDragEvent - When a marker is dragged

Recomendo utilizar Openlayers: http://openlayers.org/dev/examples/drag-feature.html

Atenção: (Circle, Rectangles, Triangle) são todos objetos polygons …

S

Esse link que você passou é de um componente? pois no site que abre não tem documentação.

CLEYSON

Bom Dia

OpenLayers é uma biblioteca JavaScript Open Source para exibir dados espacias em páginas web. Ele fornece uma API para construir aplicações geograficas baseadas na web semelhantes ao Google Maps e ao MSN Virtual Earth. A biblioteca inclui componentes das bibliotecas Rico e JavaScript Prototype Javascript Framework.
Fonte: http://www.fernandoquadro.com.br/html/openlayers/

Page Open Layers: http://openlayers.org/

Criado 27 de setembro de 2012
Ultima resposta 29 de set. de 2012
Respostas 4
Participantes 3