GMap Marker Draggable

[bg101]

Hi All,

At the moment I have in mark up:-

<ext:Panel runat="server" Width="500" Height="500" >
            <Items>
                <ux:GMapPanel ID="GMapPanel1" runat="server" ZoomLevel="15" GMapType="Map" >
                    <Markers>
                         
                    </Markers>
                </ux:GMapPanel>
            </Items>
</ext:Panel>

And in the Code Behind

Ext.Net.UX.Marker marker = new Ext.Net.UX.Marker();
GMapPanel1.CenterMarker.Lat = Co-ordinates;
GMapPanel1.CenterMarker.Lng = Co-ordinates;
marker.Lat = Co-ordinates;
marker.Lng = Co-ordinates;
GMapPanel1.Markers.Add(marker);

Which works great and puts the marker in the correct place, but I cant seem to be able to allow the marker to be dragged.

Does anyone have any advice? or have come up against this issue before?

I've searched the net and this forum and have come up with nothing.

Cheers

BG

[Daniil]

Hi,

Welcome to Ext.NET!

How would it be implemented in GMap native API?

Generally, we are not GMap API experts and just made a wrapper class for GMap in, rather, demonstration purpose.

So, I would look into GMap API docs. If no answer, then ask on their specialized forum.

If you will know a solution in native GMap API, I would try to help how it might be achieved in Ext.NET context with <ext:GMapPanel>.

Hope this helps.

[bg101]

For anyone who has, encounters the same issue.

add:-

MarkerOptions.cs

        [ConfigOption]
        [DefaultValue(false)]
        [NotifyParentProperty(true)]
        [Description("Marker Draggable")]
        public bool Draggable
        {
            get
            {
                return this.ViewState["Draggable"] == null ? false : (bool)this.ViewState["Draggable"];
            }
            set
            {
                this.ViewState["Draggable"] = value;
            }
        }

and, MarkerOptionsConfigOptions.cs

list.Add("title", new ConfigOption("title", null, "", this.Title ));
list.Add("draggable", new ConfigOption("draggable", null, false, this.Draggable));
return list;

now, marker.options.draggable is available and works fine

now need to work out how to get the new co-ordinates.

thanks Daniil

[Daniil]

Well, you have done all job yourself :)

[bg101]

Hi Daniil

I found a way to get the new LatLng through Javascript by passing the GMapPanel through:-

function getCo(gmap) {
        var map = gmap.getMap();
        var lat = map.Ka[0].getLatLng().y;
        var lng = map.Ka[0].getLatLng().x;
    }

is there any cleaner way than using this?

Much appreciated.

BG

[Daniil]

I believe there should be an event like "EndDrag" in GMap API where you could get a marker and its new coordinates.