Maps - Part 3.pdf
- 1. Maps - Part III
- 2. MapContainer mc = new MapContainer(JS_API_KEY); mapDemo.add(CENTER, mc); Coord moscone = new Coord(37.7831, -122.401558); mc.addMarker(null, moscone, "Moscone Center", "Moscone Center is the largest convention and " + "exhibition complex in San Francisco, California", ee -> ToastBar.showMessage("You clicked it...", FontImage.MATERIAL_MAP)); mc.zoom(moscone, (int)mc.getZoom()); Add Marker/Position Camera
- 3. A Better Way? © Codename One 2017 all rights reserved ✦ Why not place a component on top of the Map? ✦ Historically that was technically impossible because of z- ordering of peer components, this is no longer the case ✦ The only thing stopping us now is screen coordinates ✦ We can use GlassPane but I prefer working with components so I’ll focus on that
- 4. public class MapLayout extends Layout implements MapListener { private static final String COORD_KEY = "$coord"; private MapContainer map; private Container actual; public MapLayout(MapContainer map, Container actual) { this.map = map; this.actual = actual; map.addMapListener(this); } public void addLayoutComponent(Object value, Component comp, Container c) { comp.putClientProperty(COORD_KEY, (Coord)value); } public boolean isConstraintTracking() { return true; } public Object getComponentConstraint(Component comp) { return comp.getClientProperty(COORD_KEY); } Map Layout
- 5. public class MapLayout extends Layout implements MapListener { private static final String COORD_KEY = "$coord"; private MapContainer map; private Container actual; public MapLayout(MapContainer map, Container actual) { this.map = map; this.actual = actual; map.addMapListener(this); } public void addLayoutComponent(Object value, Component comp, Container c) { comp.putClientProperty(COORD_KEY, (Coord)value); } public boolean isConstraintTracking() { return true; } public Object getComponentConstraint(Component comp) { return comp.getClientProperty(COORD_KEY); } Map Layout
- 6. public class MapLayout extends Layout implements MapListener { private static final String COORD_KEY = "$coord"; private MapContainer map; private Container actual; public MapLayout(MapContainer map, Container actual) { this.map = map; this.actual = actual; map.addMapListener(this); } public void addLayoutComponent(Object value, Component comp, Container c) { comp.putClientProperty(COORD_KEY, (Coord)value); } public boolean isConstraintTracking() { return true; } public Object getComponentConstraint(Component comp) { return comp.getClientProperty(COORD_KEY); } Map Layout
- 7. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 8. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 9. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 10. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 11. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 12. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 13. public boolean isOverlapSupported() { return true; } public void layoutContainer(Container parent) { for(Component current : parent) { Coord crd = (Coord)current.getClientProperty(COORD_KEY); Point p = map.getScreenCoordinate(crd); current.setSize(current.getPreferredSize()); current.setX(p.getX() - current.getWidth() / 2); current.setY(p.getY() - current.getHeight()); } } public Dimension getPreferredSize(Container parent) { return new Dimension(100, 100); } public void mapPositionUpdated(Component source, int zoom, Coord center) { actual.setShouldCalcPreferredSize(true); actual.revalidate(); } } Map Layout
- 14. Form mapDemo = new Form("Maps", new LayeredLayout()); if(BrowserComponent.isNativeBrowserSupported()) { MapContainer mc = new MapContainer(JS_API_KEY); mapDemo.add(mc); Container markers = new Container(); markers.setLayout(new MapLayout(mc, markers)); mapDemo.add(markers); Coord moscone = new Coord(37.7831, -122.401558); Button mosconeButton = new Button(""); FontImage.setMaterialIcon(mosconeButton, FontImage.MATERIAL_PLACE); markers.add(moscone, mosconeButton); mc.zoom(moscone, 5); } else { // iOS Screenshot process... mapDemo.add(new Label("Loading, please wait....")); } mapDemo.show(); Native Map Demo
- 15. Thank You