Samples: marker layer with labels (#681)
This commit is contained in:
telemaxx
Emux
parent
8bfca4917a
commit
4162d9b488
243
vtm-playground/src/org/oscim/test/MarkerLayerLabelsTest.java
Normal file
243
vtm-playground/src/org/oscim/test/MarkerLayerLabelsTest.java
Normal file
@ -0,0 +1,243 @@
|
||||
/*
|
||||
* Copyright 2016-2018 devemux86
|
||||
* Copyright 2019 telemaxx
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify it under the
|
||||
* terms of the GNU Lesser General Public License as published by the Free Software
|
||||
* Foundation, either version 3 of the License, or (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful, but WITHOUT ANY
|
||||
* WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
|
||||
* PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Lesser General Public License along with
|
||||
* this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
*/
|
||||
package org.oscim.test;
|
||||
|
||||
import org.oscim.backend.CanvasAdapter;
|
||||
import org.oscim.backend.canvas.Bitmap;
|
||||
import org.oscim.backend.canvas.Paint;
|
||||
import org.oscim.core.GeoPoint;
|
||||
import org.oscim.event.Gesture;
|
||||
import org.oscim.event.GestureListener;
|
||||
import org.oscim.event.MotionEvent;
|
||||
import org.oscim.gdx.GdxMapApp;
|
||||
import org.oscim.layers.Layer;
|
||||
import org.oscim.layers.marker.ItemizedLayer;
|
||||
import org.oscim.layers.marker.MarkerItem;
|
||||
import org.oscim.layers.marker.MarkerSymbol;
|
||||
import org.oscim.layers.tile.vector.VectorTileLayer;
|
||||
import org.oscim.layers.tile.vector.labeling.LabelLayer;
|
||||
import org.oscim.map.Map;
|
||||
import org.oscim.theme.VtmThemes;
|
||||
import org.oscim.tiling.TileSource;
|
||||
import org.oscim.tiling.source.OkHttpEngine;
|
||||
import org.oscim.tiling.source.oscimap4.OSciMap4TileSource;
|
||||
|
||||
import java.io.IOException;
|
||||
import java.util.ArrayList;
|
||||
import java.util.List;
|
||||
|
||||
import static org.oscim.layers.marker.MarkerSymbol.HotspotPlace;
|
||||
|
||||
public class MarkerLayerLabelsTest extends GdxMapApp implements ItemizedLayer.OnItemGestureListener<MarkerItem> {
|
||||
|
||||
private static final int FG_COLOR = 0xFF000000; // 100 percent black. AARRGGBB
|
||||
private static final int BG_COLOR = 0x80FF69B4; // 50 percent pink. AARRGGBB
|
||||
|
||||
@Override
|
||||
public void createLayers() {
|
||||
try {
|
||||
// Map events receiver
|
||||
mMap.layers().add(new MapEventsReceiver(mMap));
|
||||
|
||||
TileSource tileSource = OSciMap4TileSource.builder()
|
||||
.httpFactory(new OkHttpEngine.OkHttpFactory())
|
||||
.build();
|
||||
VectorTileLayer l = mMap.setBaseMap(tileSource);
|
||||
|
||||
mMap.layers().add(new LabelLayer(mMap, l));
|
||||
|
||||
mMap.setTheme(VtmThemes.DEFAULT);
|
||||
|
||||
// goto berlin
|
||||
mMap.setMapPosition(52.513452, 13.363791, 1 << 13);
|
||||
|
||||
// pink dot
|
||||
Bitmap bitmapPoi;
|
||||
String markerRecource = "/res/marker_poi.png";
|
||||
if (getClass().getResourceAsStream(markerRecource) != null)
|
||||
bitmapPoi = CanvasAdapter.decodeBitmap(getClass().getResourceAsStream(markerRecource));
|
||||
else {
|
||||
int DefaultIconSize = 10;
|
||||
|
||||
final Paint fillPainter = CanvasAdapter.newPaint();
|
||||
fillPainter.setStyle(Paint.Style.FILL);
|
||||
fillPainter.setColor(0xFFFF69B4); // 100percent pink
|
||||
|
||||
bitmapPoi = CanvasAdapter.newBitmap(DefaultIconSize, DefaultIconSize, 0);
|
||||
org.oscim.backend.canvas.Canvas defaultMarkerCanvas = CanvasAdapter.newCanvas();
|
||||
defaultMarkerCanvas.setBitmap(bitmapPoi);
|
||||
|
||||
defaultMarkerCanvas.drawCircle(DefaultIconSize * 0.5f, DefaultIconSize * 0.5f, DefaultIconSize * 0.5f, fillPainter);
|
||||
|
||||
}
|
||||
|
||||
//Bitmap bitmapPoi = CanvasAdapter.decodeBitmap(getClass().getResourceAsStream("/res/marker_poi2.png"));
|
||||
MarkerSymbol symbol = new MarkerSymbol(bitmapPoi, HotspotPlace.CENTER, false);
|
||||
|
||||
ItemizedLayer<MarkerItem> markerLayer = new ItemizedLayer<>(mMap, new ArrayList<MarkerItem>(), symbol, this);
|
||||
mMap.layers().add(markerLayer);
|
||||
|
||||
// creating some poi's
|
||||
List<MarkerItem> pts = new ArrayList<>();
|
||||
pts.add(new MarkerItem("Brandenburger Tor", "#1789-1793", new GeoPoint(52.516275, 13.377704)));
|
||||
pts.add(new MarkerItem("Siegessaeule, hidden description", "this is a hidden Description without a #", new GeoPoint(52.514543, 13.350119)));
|
||||
pts.add(new MarkerItem("Gleisdreieck, without description", "", new GeoPoint(52.499562, 13.374063)));
|
||||
pts.add(new MarkerItem("Potsdamer Platz", "#this is multiline description\n"
|
||||
+ "demonstrating that only\n"
|
||||
+ "the first line\n"
|
||||
+ "is drawn on the map\n"
|
||||
+ "the rest is surpressed", new GeoPoint(52.509352, 13.375739)));
|
||||
|
||||
for (MarkerItem mi : pts) {
|
||||
System.out.println("title: " + mi.title);
|
||||
mi.setMarker(createAdvancedSymbol(mi, bitmapPoi));
|
||||
}
|
||||
|
||||
markerLayer.addItems(pts);
|
||||
} catch (IOException e) {
|
||||
e.printStackTrace();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Creates a transparent symbol with text and description.
|
||||
*
|
||||
* @param item -> the MarkerItem to process, containing title and description
|
||||
* if description starts with a '#' the first line of the description is drawn.
|
||||
* @param poiBitmap -> poi bitmap for the center
|
||||
* @return MarkerSymbol with title, description and symbol
|
||||
*/
|
||||
private MarkerSymbol createAdvancedSymbol(MarkerItem item, Bitmap poiBitmap) {
|
||||
final Paint textPainter = CanvasAdapter.newPaint();
|
||||
textPainter.setStyle(Paint.Style.STROKE);
|
||||
textPainter.setColor(FG_COLOR);
|
||||
|
||||
final Paint fillPainter = CanvasAdapter.newPaint();
|
||||
fillPainter.setStyle(Paint.Style.FILL);
|
||||
fillPainter.setColor(BG_COLOR);
|
||||
|
||||
int margin = 3;
|
||||
int dist2symbol = 30;
|
||||
|
||||
int titleWidth = ((int) textPainter.getTextWidth(item.title) + 2 * margin);
|
||||
int titleHeight = ((int) textPainter.getTextHeight(item.title) + 2 * margin);
|
||||
|
||||
int symbolWidth = poiBitmap.getWidth();
|
||||
|
||||
int subtitleWidth = 0;
|
||||
int subtitleHeight = 0;
|
||||
String subtitle = "";
|
||||
boolean hasSubtitle = false;
|
||||
if (item.description.length() > 1) {
|
||||
if (item.description.startsWith("#")) {
|
||||
subtitle = item.description.substring(1); // not the first # char
|
||||
subtitle = subtitle.split("\\R", 2)[0]; // only first line
|
||||
subtitleWidth = ((int) textPainter.getTextWidth(subtitle)) + 2 * margin;
|
||||
subtitleHeight = ((int) textPainter.getTextHeight(subtitle)) + 2 * margin;
|
||||
hasSubtitle = true;
|
||||
}
|
||||
}
|
||||
|
||||
int xSize = java.lang.Math.max(titleWidth, subtitleWidth);
|
||||
xSize = java.lang.Math.max(xSize, symbolWidth);
|
||||
|
||||
int ySize = titleHeight + symbolWidth + dist2symbol;
|
||||
|
||||
// markerCanvas, the drawing area for all: title, description and symbol
|
||||
Bitmap markerBitmap = CanvasAdapter.newBitmap(xSize, ySize, 0);
|
||||
org.oscim.backend.canvas.Canvas markerCanvas = CanvasAdapter.newCanvas();
|
||||
markerCanvas.setBitmap(markerBitmap);
|
||||
|
||||
// titleCanvas for the title text
|
||||
Bitmap titleBitmap = CanvasAdapter.newBitmap(titleWidth + margin, titleHeight + margin, 0);
|
||||
org.oscim.backend.canvas.Canvas titleCanvas = CanvasAdapter.newCanvas();
|
||||
titleCanvas.setBitmap(titleBitmap);
|
||||
|
||||
{ // testing block
|
||||
/*
|
||||
* the following three lines displaying a transparent box.
|
||||
* only for testing purposes, normally uncommented
|
||||
*/
|
||||
//fillPainter.setColor(0x60ffffff);
|
||||
//markerCanvas.drawCircle(0, 0, xSize*2, fillPainter);
|
||||
//fillPainter.setColor(BG_COLOR);
|
||||
}
|
||||
|
||||
// draw an oversized transparent circle, so the canvas is completely filled with a transparent color
|
||||
// titleCanvas.fillRectangle() does not support transparency
|
||||
titleCanvas.drawCircle(0, 0, xSize * 2, fillPainter);
|
||||
|
||||
titleCanvas.drawText(item.title, margin, titleHeight - margin, textPainter);
|
||||
|
||||
if (hasSubtitle) {
|
||||
Bitmap subtitleBitmap = CanvasAdapter.newBitmap(subtitleWidth + margin, subtitleHeight + margin, 0);
|
||||
org.oscim.backend.canvas.Canvas subtitleCanvas = CanvasAdapter.newCanvas();
|
||||
subtitleCanvas.setBitmap(subtitleBitmap);
|
||||
subtitleCanvas.drawCircle(0, 0, xSize * 2, fillPainter);
|
||||
subtitleCanvas.drawText(subtitle, margin, titleHeight - margin, textPainter);
|
||||
markerCanvas.drawBitmap(subtitleBitmap, xSize * 0.5f - (subtitleWidth * 0.5f), ySize - (subtitleHeight + margin));
|
||||
}
|
||||
|
||||
markerCanvas.drawBitmap(titleBitmap, xSize * 0.5f - (titleWidth * 0.5f), 0);
|
||||
markerCanvas.drawBitmap(poiBitmap, xSize * 0.5f - (symbolWidth * 0.5f), ySize * 0.5f - (symbolWidth * 0.5f));
|
||||
|
||||
return (new MarkerSymbol(markerBitmap, HotspotPlace.CENTER, true));
|
||||
}
|
||||
|
||||
@Override
|
||||
public boolean onItemSingleTapUp(int index, MarkerItem item) {
|
||||
System.out.println("Marker tap " + item.getTitle());
|
||||
return true;
|
||||
}
|
||||
|
||||
@Override
|
||||
public boolean onItemLongPress(int index, MarkerItem item) {
|
||||
System.out.println("Marker long press " + item.getTitle());
|
||||
return true;
|
||||
}
|
||||
|
||||
public static void main(String[] args) {
|
||||
GdxMapApp.init();
|
||||
GdxMapApp.run(new MarkerLayerLabelsTest());
|
||||
}
|
||||
|
||||
private class MapEventsReceiver extends Layer implements GestureListener {
|
||||
|
||||
MapEventsReceiver(Map map) {
|
||||
super(map);
|
||||
}
|
||||
|
||||
@Override
|
||||
public boolean onGesture(Gesture g, MotionEvent e) {
|
||||
if (g instanceof Gesture.Tap) {
|
||||
GeoPoint p = mMap.viewport().fromScreenPoint(e.getX(), e.getY());
|
||||
System.out.println("Map tap " + p);
|
||||
return true;
|
||||
}
|
||||
if (g instanceof Gesture.LongPress) {
|
||||
GeoPoint p = mMap.viewport().fromScreenPoint(e.getX(), e.getY());
|
||||
System.out.println("Map long press " + p);
|
||||
return true;
|
||||
}
|
||||
if (g instanceof Gesture.TripleTap) {
|
||||
GeoPoint p = mMap.viewport().fromScreenPoint(e.getX(), e.getY());
|
||||
System.out.println("Map triple tap " + p);
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user