Custom marker at Windows Phone Map control

Question

I use this code to add custom marker to BING map control. The Map component can't draw Image(), but text works fine. Am I wrong?

private void AddMarkerToMap(double Latitude, double Longitude, string Name)
{
    Image markerImg = new Image { Width = 63, Height = 46 };
    Uri imgUri = new Uri("Images/GeoPin.png", UriKind.RelativeOrAbsolute);
    if (imgUri == null)
    {
        throw new Exception("Image can't be find");
    }
    markerImg.Source = new BitmapImage(imgUri);
    markerImg.Tag = Name;
    //markerImg.Tap += delegate
    //{
    //    // handle tap
    //};

    var overlay = new MapOverlay
    {
        PositionOrigin = new Point(0.5, 0.5),
        GeoCoordinate = new GeoCoordinate(Latitude, Longitude),
        Content = markerImg,
        //Content = Name,
    };

    var mapLayer = new MapLayer { overlay };
    MyMap.Layers.Add(mapLayer);
}

Karthik Nishanth Karthik Nishanth · Accepted Answer · 2014-12-25T04:48:21

If you want to add a pin to Map, use MapIcon class. This can display images as well as text.

private void AddMapIcon()
{
    MapIcon MapIcon1 = new MapIcon();
    MapIcon1.Location = new Geopoint(new BasicGeoposition() { Latitude = 47.620, Longitude = -122.349 });
    MapIcon1.NormalizedAnchorPoint = new Point(0.5, 1.0);
    MapIcon1.Title = "Space Needle";
    MapIcon1.Image = RandomAccessStreamReference.CreateFromUri(new Uri("ms-appx:///Assets/customicon.png"));
    MapControl1.MapElements.Add(MapIcon1);
}

Custom marker at Windows Phone Map control

3 Answers