Surface project - part 12 (demo - Map Media List)

As the supervisors want to store multiple media file into single push pin, thus I build a powerful demo to demonstrate this capability. The following demo allows the user to add image and video file onto the push pin. And the application treats different media file differently. For image file, users can import text file as the description for the image. See snap shoot below.

The push pin can store video file as well.

The following steps demonstrate the complete procedure

1. long press a point on the map will add a new push pin onto the map.

2. click the pushpin will pop up an empty panel(if you haven't add any media into it)

3. Open the custom file browser and select the media file

4. click the import button and choose a txt file as a description for the image.

5. User can add a video media file as well, choose the video you want to add.

6. Save the push pin to an XML file, looks like below.

<?xml version="1.0"?>
<MediaPinList xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <ListOfMediaPin>
    <MediaPin>
      <Longitude>136.470245160833</Longitude>
      <Latitude>-13.954014816082406</Latitude>
      <ListOfElement>
        <PushElement>
          <FilePath>C:\Users\Public\Pictures\Sample Pictures\Koala.jpg</FilePath>
          <Description />
        </PushElement>
        <PushElement>
          <FilePath>C:\Users\Public\Pictures\Sample Pictures\Penguins.jpg</FilePath>
          <Description></Description>
        </PushElement>
        <PushElement>
          <FilePath>C:\Users\Public\Pictures\Sample Pictures\Chrysanthemum.jpg</FilePath>
          <Description />
        </PushElement>
        <PushElement>
          <FilePath>C:\Users\Public\Videos\Sample Videos\Wildlife.wmv</FilePath>
          <Description />
        </PushElement>
        <PushElement>
          <FilePath>C:\Users\Public\Pictures\Sample Pictures\Lighthouse.jpg</FilePath>
          <Description />
        </PushElement>
      </ListOfElement>
    </MediaPin>
    <MediaPin>
      <Longitude>136.59384822539985</Longitude>
      <Latitude>-13.992668132658892</Latitude>
      <ListOfElement>
        <PushElement>
          <FilePath>C:\Users\Public\Pictures\Sample Pictures\Koala.jpg</FilePath>
          <Description></Description>
        </PushElement>
        <PushElement>
          <FilePath>C:\Users\Public\Videos\Sample Videos\Wildlife.wmv</FilePath>
          <Description />
        </PushElement>
      </ListOfElement>
    </MediaPin>
  </ListOfMediaPin>
</MediaPinList>