# Drag Image along with Label

**URL:** <https://community.thinkgeo.com/t/drag-image-along-with-label/1649>\
**Category:** WinForms\
**Created:** [March 27, 2011, 3:53pm UTC](https://community.thinkgeo.com/t/drag-image-along-with-label/1649 "2011-03-27T15:53:19Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ZEESHAN](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/z/c4cdca/32.png) [@ZEESHAN](https://community.thinkgeo.com/u/ZEESHAN)\
**Post date:** [March 27, 2011, 3:53pm UTC](https://community.thinkgeo.com/t/drag-image-along-with-label/1649/1 "2011-03-27T15:53:19Z")

</div>

HI

I&nbsp;want&nbsp;to&nbsp;drag&nbsp;image&nbsp;along&nbsp;with&nbsp;label.&nbsp;Need&nbsp;an&nbsp;idea&nbsp;or&nbsp;code.&nbsp;&nbsp;I&nbsp;can&nbsp;just&nbsp;see&nbsp;drag&nbsp;icon.  
Dim&nbsp;pointLayer&nbsp;As&nbsp;New&nbsp;EditInteractiveOverlay()  
Dim&nbsp;Rightlabel&nbsp;As&nbsp;New&nbsp;EditInteractiveOverlay()  
Dim&nbsp;Icon&nbsp;As&nbsp;New&nbsp;ValueStyle  
&nbsp;  
Dim&nbsp;RightTextStyle&nbsp;As&nbsp;New&nbsp;TextStyle()  
RightTextStyle.TextColumnName&nbsp;=&nbsp;"Right&nbsp;Label"  
RightTextStyle.TextSolidBrush&nbsp;=&nbsp;New&nbsp;GeoSolidBrush(GeoColor.StandardColors.Black)  
RightTextStyle.Font&nbsp;=&nbsp;New&nbsp;GeoFont("Arial",&nbsp;10)  
RightTextStyle.PointPlacement&nbsp;=&nbsp;PointPlacement.CenterRight  
RightTextStyle.YOffsetInPixel&nbsp;=&nbsp;0  
RightTextStyle.XOffsetInPixel&nbsp;=&nbsp;20  
'Icon&nbsp;Properties&nbsp;setting  
&nbsp;  
pointLayer.DragControlPointsLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle.IsActive&nbsp;=&nbsp;False&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pointLayer.DragControlPointsLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel&nbsp;=&nbsp;ApplyUntilZoomLevel.Level20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle.IsActive&nbsp;=&nbsp;False&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultLineStyle.IsActive&nbsp;=&nbsp;False&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultAreaStyle.IsActive&nbsp;=&nbsp;False  
&nbsp;  
'Right&nbsp;Label&nbsp;Properties&nbsp;setting  
&nbsp;  
Rightlabel.DragControlPointsLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle.IsActive&nbsp;=&nbsp;False&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rightlabel.DragControlPointsLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel&nbsp;=&nbsp;ApplyUntilZoomLevel.Level20&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rightlabel.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle.IsActive&nbsp;=&nbsp;False&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rightlabel.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultLineStyle.IsActive&nbsp;=&nbsp;False&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rightlabel.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultAreaStyle.IsActive&nbsp;=&nbsp;False  
&nbsp;  
'Icon  
&nbsp;  
pointLayer.EditShapesLayer.Open()  
pointLayer.EditShapesLayer.Columns.Add(New&nbsp;FeatureSourceColumn("Type",&nbsp;"string",&nbsp;20))  
pointLayer.EditShapesLayer.Close()  
&nbsp;  
Icon.ColumnName&nbsp;=&nbsp;"Type"  
proj.Open()  
Dim&nbsp;pos&nbsp;As&nbsp;Vertex&nbsp;=&nbsp;proj.ConvertToExternalProjection(47.5579,&nbsp;29.7032)  
proj.Close()  
Dim&nbsp;Coordinates&nbsp;As&nbsp;New&nbsp;Feature(New&nbsp;PointShape(pos.X,&nbsp;pos.Y))  
Icon.ValueItems.Add(New&nbsp;ValueItem(1,&nbsp;New&nbsp;PointStyle(New&nbsp;GeoImage("..\..\Images\sedan.png"))))  
pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.CustomStyles.Add(Icon)  
Coordinates.ColumnValues.Add("Type",&nbsp;1)  
pointLayer.EditShapesLayer.InternalFeatures.Add("Car",&nbsp;Coordinates)  
pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel&nbsp;=&nbsp;ApplyUntilZoomLevel.Level20  
&nbsp;  
'Right&nbsp;Label  
&nbsp;  
Rightlabel.EditShapesLayer.Open()  
Rightlabel.EditShapesLayer.Columns.Add(New&nbsp;FeatureSourceColumn("Right&nbsp;Label",&nbsp;"string",&nbsp;20))  
Rightlabel.EditShapesLayer.Close()  
proj.Open()  
Dim&nbsp;pos1&nbsp;As&nbsp;Vertex&nbsp;=&nbsp;proj.ConvertToExternalProjection(47.5579,&nbsp;29.7032)  
proj.Close()  
Dim&nbsp;RPosition&nbsp;As&nbsp;New&nbsp;Feature(New&nbsp;PointShape(pos1.X,&nbsp;pos1.Y))  
RPosition.ColumnValues.Add("Right&nbsp;Label","12")  
Rightlabel.EditShapesLayer.InternalFeatures.Add(1,&nbsp;RPosition)  
Rightlabel.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultTextStyle&nbsp;=&nbsp;RightTextStyle  
Rightlabel.EditShapesLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel&nbsp;=&nbsp;ApplyUntilZoomLevel.Level20  
&nbsp;  
&nbsp;  
&nbsp;  
Rightlabel.CanAddVertex&nbsp;=&nbsp;False  
Rightlabel.CanDrag&nbsp;=&nbsp;True  
Rightlabel.CanRemoveVertex&nbsp;=&nbsp;False  
Rightlabel.CanResize&nbsp;=&nbsp;False  
Rightlabel.CanRotate&nbsp;=&nbsp;False  
Rightlabel.CalculateAllControlPoints()  
winformsMap1.EditOverlay&nbsp;=&nbsp;Rightlabel  
&nbsp;  
pointLayer.CanAddVertex&nbsp;=&nbsp;False  
pointLayer.CanDrag&nbsp;=&nbsp;True  
pointLayer.CanRemoveVertex&nbsp;=&nbsp;False  
pointLayer.CanResize&nbsp;=&nbsp;False  
pointLayer.CanRotate&nbsp;=&nbsp;False  
pointLayer.CalculateAllControlPoints()  
winformsMap1.EditOverlay&nbsp;=&nbsp;pointLayer  
&nbsp;  
winformsMap1.Refresh()  
&nbsp;  
Regards,  
Zeeshan

---

<div class="post-metadata">

**Author:** ![ThinkGeo](https://community.thinkgeo.com/user_avatar/community.thinkgeo.com/thinkgeo/32/25029_2.png) [@ThinkGeo](https://community.thinkgeo.com/u/ThinkGeo)\
**Post date:** [March 28, 2011, 2:53am UTC](https://community.thinkgeo.com/t/drag-image-along-with-label/1649/2 "2011-03-28T02:53:10Z")

</div>

Hi&nbsp;Zeeshan,  
&nbsp;  
If&nbsp;we&nbsp;need&nbsp;to&nbsp;drag&nbsp;the&nbsp;image&nbsp;and&nbsp;text&nbsp;at&nbsp;the&nbsp;same&nbsp;time,&nbsp;we&nbsp;must&nbsp;set&nbsp;the&nbsp;ValueStyle&nbsp;and&nbsp;TextStyle&nbsp;in&nbsp;the&nbsp;same&nbsp;EditOverlay.&nbsp;The&nbsp;following&nbsp;code&nbsp;is&nbsp;for&nbsp;your&nbsp;reference.  
&nbsp;  
`Dim pointLayer As New EditInteractiveOverlay()pointLayer.DragControlPointsLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle.IsActive = FalsepointLayer.DragControlPointsLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel = ApplyUntilZoomLevel.Level20pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultPointStyle.IsActive = FalsepointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultLineStyle.IsActive = FalsepointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.DefaultAreaStyle.IsActive = False’ Add ColumnspointLayer.EditShapesLayer.Open()pointLayer.EditShapesLayer.Columns.Add(New FeatureSourceColumn(“Type”, “string”, 20))pointLayer.EditShapesLayer.Columns.Add(New FeatureSourceColumn(“Right Label”, “string”, 20))pointLayer.EditShapesLayer.Close()’ Add featureDim feature As New Feature(New PointShape(-97.74, 30.3))feature.ColumnValues.Add(“Type”, “1”)feature.ColumnValues.Add(“Right Label”, “12”)pointLayer.EditShapesLayer.InternalFeatures.Add(“Car”, feature)’ Add stylesDim valueStyle As New ValueStyle()valueStyle.ColumnName = "Type"valueStyle.ValueItems.Add(New ValueItem(“1”, PointStyles.Capital1))Dim rightTextStyle As New TextStyle()rightTextStyle.TextColumnName = "Right Label"rightTextStyle.TextSolidBrush = New GeoSolidBrush(GeoColor.StandardColors.Black)rightTextStyle.Font = New GeoFont(“Arial”, 10)rightTextStyle.PointPlacement = PointPlacement.CenterRightrightTextStyle.YOffsetInPixel = 0rightTextStyle.XOffsetInPixel = 20pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.CustomStyles.Add(valueStyle)pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.CustomStyles.Add(rightTextStyle)pointLayer.EditShapesLayer.ZoomLevelSet.ZoomLevel01.ApplyUntilZoomLevel = ApplyUntilZoomLevel.Level20pointLayer.CanAddVertex = FalsepointLayer.CanDrag = TruepointLayer.CanRemoveVertex = FalsepointLayer.CanResize = FalsepointLayer.CanRotate = FalsepointLayer.CalculateAllControlPoints()winformsMap1.EditOverlay = pointLayerwinformsMap1.Refresh()`  
Please&nbsp;let&nbsp;us&nbsp;know&nbsp;if&nbsp;you&nbsp;have&nbsp;further&nbsp;questions.  
&nbsp;  
Regards,  
&nbsp;  
Ivan

---

<div class="post-metadata">

**Author:** ![ZEESHAN](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/z/c4cdca/32.png) [@ZEESHAN](https://community.thinkgeo.com/u/ZEESHAN)\
**Post date:** [March 28, 2011, 8:26am UTC](https://community.thinkgeo.com/t/drag-image-along-with-label/1649/3 "2011-03-28T08:26:04Z")

</div>

Thanks&nbsp;It&nbsp;works

Regards,

Zeeshan

---

<div class="post-metadata">

**Author:** ![Val](https://community.thinkgeo.com/letter_avatar_proxy/v4/letter/v/e56c9b/32.png) [@Val](https://community.thinkgeo.com/u/Val)\
**Post date:** [March 28, 2011, 4:15pm UTC](https://community.thinkgeo.com/t/drag-image-along-with-label/1649/4 "2011-03-28T16:15:56Z")

</div>

Zeehan,

&nbsp;I&nbsp;am&nbsp;glad&nbsp;this&nbsp;is&nbsp;working&nbsp;for&nbsp;you.&nbsp;Just&nbsp;a&nbsp;reminder&nbsp;that&nbsp;we&nbsp;have&nbsp;many&nbsp;samples&nbsp;in&nbsp;the&nbsp;Code&nbsp;Community&nbsp;that&nbsp;deals&nbsp;with&nbsp;the&nbsp;issue&nbsp;of&nbsp;dragging&nbsp;features.&nbsp;And&nbsp;actually,&nbsp;there&nbsp;is&nbsp;one&nbsp;that&nbsp;is&nbsp;exactely&nbsp;like&nbsp;your&nbsp;case_&nbsp;Dragged&nbsp;PointStyle&nbsp;with&nbsp;Label&nbsp;_[wiki.thinkgeo.com/wiki/Map\_Suite\_De...with\_Label](http://wiki.thinkgeo.com/wiki/Map_Suite_Desktop_Edition_InteractiveOverlays_Samples#Dragged_PointStyle_with_Label).

Thank&nbsp;you.
