use of ol.layer.Tile in project gwt-ol3 by TDesjardins.
the class TileExample method show.
/* (non-Javadoc)
* @see de.desjardins.ol3.demo.client.example.Example#show()
*/
@Override
public void show(String exampleId) {
LayerOptions stamenLayerOptions = OLFactory.createOptions();
// create a Stamen-layer
StamenOptions stamenOptions = OLFactory.createOptions();
stamenOptions.setLayer("watercolor");
Stamen stamenSource = new Stamen(stamenOptions);
stamenLayerOptions.setSource(stamenSource);
Tile stamenLayer = new Tile(stamenLayerOptions);
// create a view
View view = new View();
Coordinate centerCoordinate = OLFactory.createCoordinate(1490463, 6894388);
view.setCenter(centerCoordinate);
view.setZoom(10);
// create the map
MapOptions mapOptions = OLFactory.createOptions();
mapOptions.setTarget(exampleId);
mapOptions.setView(view);
Map map = new Map(mapOptions);
stamenLayer.setOpacity(0.5f);
// add some controls
map.addControl(new ScaleLine());
DemoUtils.addDefaultControls(map.getControls());
Attribution attribution = new Attribution();
attribution.setCollapsed(true);
map.addControl(attribution);
// add some interactions
map.addInteraction(new KeyboardPan());
map.addInteraction(new KeyboardZoom());
DragAndDrop dragAndDrop = new DragAndDrop();
map.addInteraction(dragAndDrop);
EventListener<DragAndDrop.Event> eventListener = new EventListener<DragAndDrop.Event>() {
@Override
public void onEvent(DragAndDrop.Event event) {
Window.alert(String.valueOf(event.getFeatures().length));
Window.alert(event.getProjection().getUnits());
Window.alert(String.valueOf(event.getProjection().getMetersPerUnit()));
}
};
dragAndDrop.on("addfeatures", eventListener);
map.addControl(new Rotate());
map.getLayers().push(stamenLayer);
}
use of ol.layer.Tile in project gwt-ol3 by TDesjardins.
the class TileWmsExample method show.
/*
* (non-Javadoc)
*
* @see de.desjardins.ol3.demo.client.example.Example#show()
*/
@Override
public void show(String exampleId) {
TileWmsParams params = new TileWmsParams();
params.setLayers("topp:states");
params.setTiled(true);
TileWmsOptions options = new TileWmsOptions();
options.setUrl("https://ahocevar.com/geoserver/wms");
options.setParams(params);
options.setServerType(WmsServerType.GEOSERVER);
TileWms source = new TileWms(options);
Extent extent = new Extent(-13884991, 2870341, -7455066, 6338219);
Tile layer = new Tile();
layer.setExtent(extent);
layer.setSource(source);
Coordinate centerCoordinate = new Coordinate(-10997148, 4569099);
View view = new View();
view.setCenter(centerCoordinate);
view.setZoom(4);
// create the map
MapOptions mapOptions = new MapOptions();
mapOptions.setTarget(exampleId);
mapOptions.setView(view);
Map map = new Map(mapOptions);
map.addLayer(layer);
// add some controls
map.addControl(new ScaleLine());
DemoUtils.addDefaultControls(map.getControls());
// add some interactions
map.addInteraction(new KeyboardPan());
map.addInteraction(new KeyboardZoom());
map.addControl(new Rotate());
}
use of ol.layer.Tile in project gwt-ol3 by TDesjardins.
the class MapEventsExample method show.
/* (non-Javadoc)
* @see de.desjardins.ol3.demo.client.example.Example#show()
*/
@Override
public void show(String exampleId) {
// create a OSM-layer
XyzOptions osmSourceOptions = OLFactory.createOptions();
Osm osmSource = new Osm(osmSourceOptions);
LayerOptions osmLayerOptions = OLFactory.createOptions();
osmLayerOptions.setSource(osmSource);
Tile osmLayer = new Tile(osmLayerOptions);
// create a view
View view = new View();
Coordinate centerCoordinate = new Coordinate(-0.1275, 51.507222);
Coordinate transformedCenterCoordinate = Projection.transform(centerCoordinate, DemoConstants.EPSG_4326, DemoConstants.EPSG_3857);
view.setCenter(transformedCenterCoordinate);
view.setZoom(10);
// create the map
MapOptions mapOptions = OLFactory.createOptions();
mapOptions.setTarget(exampleId);
mapOptions.setView(view);
Map map = new Map(mapOptions);
map.addLayer(osmLayer);
// add some controls
map.addControl(new ScaleLine());
DemoUtils.addDefaultControls(map.getControls());
Attribution attribution = new Attribution();
attribution.setCollapsed(true);
map.addControl(attribution);
// clear default interactions
map.getInteractions().clear();
// add some interactions
map.addInteraction(new DragPan());
map.addInteraction(new KeyboardPan());
map.addInteraction(new KeyboardZoom());
map.addInteraction(new MouseWheelZoom());
// add event handlers
map.addDoubleClickListener(evt -> Window.alert("double click at " + evt.getCoordinate().getX() + ", " + evt.getCoordinate().getX()));
map.addMapZoomListener(evt -> GWT.log("onZoom"));
map.addMapZoomEndListener(evt -> GWT.log("onMapZoomEnd"));
}
use of ol.layer.Tile in project gwt-ol3 by TDesjardins.
the class AnimationExample method show.
/* (non-Javadoc)
* @see de.desjardins.ol3.demo.client.example.Example#show() */
@Override
public void show(String exampleId) {
Coordinate centerCoordinate = new Coordinate(13.37, 52.52);
Coordinate transformedMidPoint = Projection.transform(centerCoordinate, DemoConstants.EPSG_4326, DemoConstants.EPSG_3857);
// create an OSM-layer
XyzOptions osmSourceOptions = new XyzOptions();
Osm osmSource = new Osm(osmSourceOptions);
LayerOptions osmLayerOptions = new LayerOptions();
osmLayerOptions.setSource(osmSource);
Tile osmLayer = new Tile(osmLayerOptions);
// create a view
View view = new View();
view.setCenter(transformedMidPoint);
view.setZoom(16);
// create the map
MapOptions mapOptions = new MapOptions();
mapOptions.setLoadTilesWhileAnimating(true);
mapOptions.setTarget(exampleId);
mapOptions.setView(view);
Collection<Base> lstLayer = new Collection<Base>();
lstLayer.push(osmLayer);
mapOptions.setLayers(lstLayer);
Map map = new Map(mapOptions);
// add some controls
map.addControl(new ScaleLine());
MousePositionOptions mousePositionOptions = new MousePositionOptions();
ProjectionOptions projectionOptions = new ProjectionOptions();
projectionOptions.setCode(DemoConstants.EPSG_4326);
mousePositionOptions.setProjection(new Projection(projectionOptions));
MousePosition mousePosition = new MousePosition(mousePositionOptions);
mousePosition.setCoordinateFormat(Coordinate.createStringXY(5));
map.addControl(mousePosition);
Coordinate tvTowerCoordinate = Projection.transform(new Coordinate(13.409, 52.52), DemoConstants.EPSG_4326, DemoConstants.EPSG_3857);
Coordinate pplaceCoordinate = Projection.transform(new Coordinate(13.377, 52.509), DemoConstants.EPSG_4326, DemoConstants.EPSG_3857);
Coordinate zooCoordinate = Projection.transform(new Coordinate(13.338, 52.508), DemoConstants.EPSG_4326, DemoConstants.EPSG_3857);
final List<Coordinate> coordinates = Arrays.asList(transformedMidPoint, tvTowerCoordinate, pplaceCoordinate, zooCoordinate);
Scheduler.get().scheduleFixedPeriod(() -> {
int index = getNextIndex(coordinates.size());
AnimationOptions panAnimationOptions = new AnimationOptions();
panAnimationOptions.setDuration(2000);
// Switch this to rotate the animation while animating.
// panAnimationOptions.setRotation(view.getRotation() + 2 * Math.PI);
panAnimationOptions.setCenter(coordinates.get(index));
view.animate(panAnimationOptions);
AnimationOptions zoomOutAnimationOptions = new AnimationOptions();
zoomOutAnimationOptions.setDuration(1000);
zoomOutAnimationOptions.setResolution(view.getResolution() + 4);
AnimationOptions zoomInAnimationOptions = new AnimationOptions();
zoomInAnimationOptions.setDuration(1000);
zoomInAnimationOptions.setResolution(view.getResolution());
view.animate(zoomOutAnimationOptions, zoomInAnimationOptions);
return true;
}, 6000);
}
use of ol.layer.Tile in project gwt-ol3 by TDesjardins.
the class MapboxExample method show.
/* (non-Javadoc)
* @see de.desjardins.ol3.demo.client.example.Example#show()
*/
@Override
public void show(String exampleId) {
XyzOptions mapboxOptions = new XyzOptions();
mapboxOptions.setTileSize(new Size(512, 512));
mapboxOptions.setUrl("https://api.mapbox.com/styles/v1/mapbox/dark-v8/tiles/{z}/{x}/{y}?access_token=" + ACCESS_TOKEN);
mapboxOptions.setAttributions("© <a href='https://www.mapbox.com/about/maps/'>Mapbox</a> © <a href='http://www.openstreetmap.org/copyright'>OpenStreetMap</a>");
Xyz mapboxSource = new Xyz(mapboxOptions);
LayerOptions xyzLayerOptions = OLFactory.createOptions();
xyzLayerOptions.setSource(mapboxSource);
Tile mapboxLayer = new Tile(xyzLayerOptions);
// create a view
View view = new View();
Coordinate centerCoordinate = new Coordinate(1490463, 6894388);
view.setCenter(centerCoordinate);
view.setZoom(10);
// create the map
MapOptions mapOptions = new MapOptions();
mapOptions.setTarget(exampleId);
mapOptions.setView(view);
Map map = new Map(mapOptions);
ol.control.Attribution attributionControl = new ol.control.Attribution();
attributionControl.setCollapsed(false);
map.addControl(attributionControl);
map.addControl(new MousePosition());
map.addControl(DemoUtils.createMapboxLogo());
map.addLayer(mapboxLayer);
}
Aggregations