Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Map move events do not work with MapItemsControl

See original GitHub issue

When you add a container of elements to a map, such as a MapItemsControl, moving around the map does not work when you click on a child of MapItemsControl. Code example:

<m:Map>
    <m:MapItemsControl>
        <m:MapPolygon Fill="Blue" Stroke="Green" StrokeThickness="5"
                      Locations="47.6424,-122.3219 47.8424,-122.1747 47.5814,-122.1747"
                      Opacity="0.7">
            <m:MapPolygon.Style>
                <Style TargetType="m:MapPolygon">
                    <EventSetter Event="PreviewMouseRightButtonDown" Handler="PolygonMouseRightButtonDown" />
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Cursor" Value="Hand" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </m:MapPolygon.Style>
        </m:MapPolygon>
    </m:MapItemsControl>
</m:Map>

Demonstration: gif1

If we remove the container, then the movement will be processed correctly. This is just an example, since we are losing Binding to ItemsSource. Code example:

<m:Map>
        <m:MapPolygon Fill="Blue" Stroke="Green" StrokeThickness="5"
                      Locations="47.6424,-122.3219 47.8424,-122.1747 47.5814,-122.1747"
                      Opacity="0.7">
            <m:MapPolygon.Style>
                <Style TargetType="m:MapPolygon">
                    <EventSetter Event="PreviewMouseRightButtonDown" Handler="PolygonMouseRightButtonDown" />
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Cursor" Value="Hand" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </m:MapPolygon.Style>
        </m:MapPolygon>
</m:Map>

Demonstration: gif2

If we look, for example, at the Bing Maps Control, then the event of movement will be correctly processed by the children of MapItemsControl. Code example for bing maps:

<m:Map
    CredentialsProvider="BING_MAPS_KEY">
    <m:MapItemsControl>
        <m:MapPolygon Fill="Blue" Stroke="Green" StrokeThickness="5"
                      Locations="47.6424,-122.3219 47.8424,-122.1747 47.5814,-122.1747"
                      Opacity="0.7">
            <m:MapPolygon.Style>
                <Style TargetType="m:MapPolygon">
                    <EventSetter Event="PreviewMouseRightButtonDown" Handler="PolygonMouseRightButtonDown" />
                    <Style.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Cursor" Value="Hand" />
                        </Trigger>
                    </Style.Triggers>
                </Style>
            </m:MapPolygon.Style>
        </m:MapPolygon>
    </m:MapItemsControl>
</m:Map>

Demonstration: gif3