Re: GWT Maps api v3 Custom overlays

Hi,

You can try my solution, it works fine :

import com.google.gwt.core.client.JavaScriptObject;

import com.google.gwt.dom.client.Style;

import com.google.gwt.maps.client.HasMap;

import com.google.gwt.maps.client.base.LatLng;

import com.google.gwt.maps.client.base.Point;

import com.google.gwt.maps.client.overlay.OverlayView;

import com.google.gwt.user.client.DOM;

import com.google.gwt.user.client.Element;

import com.google.gwt.user.client.ui.HTML;

import com.google.gwt.user.client.ui.SimplePanel;

/**

 * Created with IntelliJ IDEA.

 * User: Hamza

 * Date: 2/21/13

 * Time: 3:41 PM

 * To change this template use File | Settings | File Templates.

 */

public class MapLabel

{

    private Element     div;

    private LatLng      latLng;

    private SimplePanel textPanel;

    private String      text;

    private OverlayView overlay = new OverlayView ()

    {

        @Override

        public void draw ()

        {

            Point sw = (Point) overlay.getProjection ().fromLatLngToDivPixel (overlay.getMap ().getBounds ().getSouthWest ());

            Point ne = (Point) overlay.getProjection ().fromLatLngToDivPixel (overlay.getMap ().getBounds ().getNorthEast ());

            Point p = (Point) overlay.getProjection ().fromLatLngToDivPixel (latLng);

        //    System.out.println (p.getX () + " " + p.getY ());

        //      div.getStyle ().setTop (ne.getY (), Style.Unit.PX);

        //     div.getStyle ().setLeft (sw.getX (), Style.Unit.PX);

            div.getStyle ().setTop (p.getY (), Style.Unit.PX);

            div.getStyle ().setLeft (p.getX (), Style.Unit.PX);

            div.getStyle ().setWidth (ne.getX ()-sw.getX (), Style.Unit.PX);

            div.getStyle ().setHeight (sw.getY ()-sw.getY (), Style.Unit.PX);

            div.getStyle ().setDisplay (Style.Display.BLOCK);

            div.getStyle ().setZIndex (99);

        }

        @Override

        public void onAdd ()

        {

            div = DOM.createElement ("div");

            div.getStyle ().setBorderStyle (Style.BorderStyle.NONE);

            div.getStyle ().setBorderWidth (0, Style.Unit.PX);

            div.getStyle ().setPosition (Style.Position.ABSOLUTE);

            div.appendChild (textPanel.getElement ());

            overlay.getPanes ().getFloatPane ().appendChild (div);

        }

        @Override

        public void onRemove ()

        {

            div.getParentNode ().removeChild (div);

            // div.removeFromParent ();

            textPanel.removeFromParent ();

            div = null;

            textPanel = null;

        }

    };

    public MapLabel (LatLng latLng, String text, HasMap map)

    {

        this.latLng = latLng;

        // System.out.println (latLng.getLatitude () + " - " + latLng.getLongitude ());

        this.text = text;

        HTML textWidget = new HTML (text);

        textPanel = new SimplePanel ();

        textPanel.setStyleName ("textOverlayPanel");

        textPanel.add (textWidget);

        //    initOverlay (overlay.getJso ());

        overlay.setMap (map);

    }

}

On Thursday, November 15, 2012 11:27:30 AM UTC, Giorgos Kritsotakis wrote:

Hello,

I have implemented a gwt map widget for the company that i'm working for.
Everything works great with markers, rectangles et cetera.

The problem is that we need labels (like the white labels used for country names on the
map for instance) on the map and there seems to be a problem with the OverlayView class.

I am supposed to extend OverlayView and implement onAdd, onRemove and draw,
but those methods are now declared final.

From what I have seen, it is a matter of Overlays introduced to GWT, the JavascriptObject class
being changed, and the api not following up. Even the javadoc is outdated. The documentation isn't helping
and all of the articles and tutorials I have found on the net are about previous editions of
the maps library.

Can anybody who has done something similar point me to the right direction?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.