gpolygon disappears on zoom in/out gmap

asked 2023-10-11 01:46:28 +0800

vjain
101

    click on the map to draw the lines
<div apply="org.zkoss.reference.component.diagrams.DrawLineComposer">
    <button id="clear" label="Clear Lines"/>
    <gmaps id="map4draw" width="50%" height="500px" />
</div>



package org.zkoss.reference.component.diagrams;

import org.zkoss.gmaps.*;
import org.zkoss.gmaps.event.MapMouseEvent;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.*;

import java.util.*;

public class DrawLineComposer extends SelectorComposer {
@Wire
private Gmaps map4draw;

private List<LatLng> clickedPoints = new LinkedList();

private Gpolyline currentPolyline = new Gpolyline();

@Override
public void doAfterCompose(Component comp) throws Exception {
    super.doAfterCompose(comp);
    map4draw.appendChild(currentPolyline);
}

@Listen("onMapClick = #map4draw")
public void recordDraw(MapMouseEvent event){
    clickedPoints.add(event.getLatLng());
    drawPolylines();
}

@Listen("onClick = #clear")
public void clearPoints(){
    clickedPoints.clear();
    currentPolyline.setPath(new LinkedList<>(clickedPoints));
}

private void drawPolylines() {
    if (clickedPoints.size() > 1) {
        currentPolyline.setPath(new LinkedList<>(clickedPoints));
    }
}

}