package org.traccar.web.client.view; import java.util.List; import org.gwtopenmaps.openlayers.client.LonLat; import org.gwtopenmaps.openlayers.client.Map; import org.gwtopenmaps.openlayers.client.MapOptions; import org.gwtopenmaps.openlayers.client.MapWidget; import org.gwtopenmaps.openlayers.client.Projection; import org.gwtopenmaps.openlayers.client.control.ScaleLine; import org.gwtopenmaps.openlayers.client.geometry.Point; import org.gwtopenmaps.openlayers.client.layer.Markers; import org.gwtopenmaps.openlayers.client.layer.MarkersOptions; import org.gwtopenmaps.openlayers.client.layer.OSM; import org.gwtopenmaps.openlayers.client.layer.Vector; import org.gwtopenmaps.openlayers.client.layer.VectorOptions; import org.traccar.web.shared.model.Device; import org.traccar.web.shared.model.Position; import com.google.gwt.core.client.Scheduler; import com.google.gwt.event.logical.shared.ResizeEvent; import com.google.gwt.event.logical.shared.ResizeHandler; import com.google.gwt.user.client.Command; import com.sencha.gxt.widget.core.client.ContentPanel; public class MapView { private ContentPanel contentPanel; public ContentPanel getView() { return contentPanel; } private MapWidget mapWidget; private Map map; private Vector vectorLayer; private Markers markerLayer; public Map getMap() { return map; } public Vector getVectorLayer() { return vectorLayer; } public Markers getMarkerLayer() { return markerLayer; } public LonLat createLonLat(double longitude, double latitude) { LonLat lonLat = new LonLat(longitude, latitude); lonLat.transform(new Projection("EPSG:4326").getProjectionCode(), map.getProjection()); return lonLat; } public Point createPoint(double x, double y) { Point point = new Point(x, y); point.transform(new Projection("EPSG:4326"), new Projection(map.getProjection())); return point; } public MapView() { contentPanel = new ContentPanel(); contentPanel.setHeadingText("Map"); MapOptions defaultMapOptions = new MapOptions(); defaultMapOptions.setNumZoomLevels(16); mapWidget = new MapWidget("100%", "100%", defaultMapOptions); map = mapWidget.getMap(); OSM mapLayer = OSM.Mapnik("Mapnik"); mapLayer.setIsBaseLayer(true); VectorOptions vectorOptions = new VectorOptions(); vectorLayer = new Vector("Vector", vectorOptions); MarkersOptions markersOptions = new MarkersOptions(); markerLayer = new Markers("Markers", markersOptions); map.addLayer(mapLayer); map.addLayer(vectorLayer); map.addLayer(markerLayer); map.addControl(new ScaleLine()); map.setCenter(createLonLat(12.5, 41.9), 1); contentPanel.add(mapWidget); // Update map size contentPanel.addResizeHandler(new ResizeHandler() { @Override public void onResize(ResizeEvent event) { Scheduler.get().scheduleDeferred(new Command() { @Override public void execute() { map.updateSize(); } }); } }); latestPositionRenderer = new MapPositionRenderer(this, MarkerIconFactory.IconType.iconLatest); archivePositionRenderer = new MapPositionRenderer(this, MarkerIconFactory.IconType.iconArchive); } private final MapPositionRenderer latestPositionRenderer; private final MapPositionRenderer archivePositionRenderer; public void showLatestPositions(List positions) { latestPositionRenderer.showPositions(positions); } public void showArchivePositions(List positions) { archivePositionRenderer.showTrack(positions); archivePositionRenderer.showPositions(positions); } public void selectDevice(Device device) { latestPositionRenderer.selectDevice(device, true); } public void selectArchivePosition(Position position) { archivePositionRenderer.selectPosition(position, true); } }