0

我使用 GWT 的 branflake2267 谷歌地图 API ( https://github.com/branflake2267/GWT-Maps-V3-Api )。我想在标记下方显示一个标题。

我的位置：

    final LatLng latlng = LatLng.newInstance(47.4125, -0.861944);

图标标记（它是地图上的正确位置）

    MarkerImage icon = MarkerImage.newInstance("/images/maps/pin_workshop.png", Size.newInstance(21, 34), Point.newInstance(0, 0), Point.newInstance(10, 34));
    MarkerImage shadow = MarkerImage.newInstance("/images/maps/shadow.png", Size.newInstance(40, 37), Point.newInstance(0, 0), Point.newInstance(12, 35));

    MarkerOptions options = MarkerOptions.newInstance();
    options.setPosition(latlng);
    options.setMap(map);
    options.setTitle("Factory");
    options.setIcon(icon);
    options.setShadow(shadow);

    Marker marker = Marker.newInstance(options);

带有标题的叠加层（地图中的位置不正确...）：

    final DivElement div = Document.get().createDivElement();

    OverlayView.newInstance(map, new OverlayViewOnDrawHandler() {
        @Override
        public void onDraw(OverlayViewMethods methods) {
            Point position = methods.getProjection().fromLatLngToDivPixel(latlng);

            div.getStyle().setPosition(Position.ABSOLUTE);
            div.getStyle().setLeft(position.getX(), Unit.PX);
            div.getStyle().setRight(position.getY(), Unit.PX);

            div.setInnerText("Factory");
        }
    },

    new OverlayViewOnAddHandler() {
        @Override
        public void onAdd(OverlayViewMethods methods) {                                
            methods.getPanes().getOverlayLayer().appendChild(div);
        }
    },

    new OverlayViewOnRemoveHandler() {
        @Override
        public void onRemove(OverlayViewMethods methods) {
            div.removeFromParent();
        }
    });

截屏

我尝试了不同版本的库（3.09 build 17、3.10.0-alpha-6），以及不同的窗格（getMapPane（），getFloatPane（））但没有成功......

4

1 回答 1

0

好的，只需使用 setLeft 和 setRight 而不是 setLeft 和setTop ...

于 2013-09-26T14:20:47.237 回答