Skip to main content

VectorItemsLayer Class

A layer that displays a collection of vector elements.

Namespace: DevExpress.XtraMap

Assembly: DevExpress.XtraMap.v23.2.dll

NuGet Package: DevExpress.Win.Map


public class VectorItemsLayer :


The following example demonstrates how to create an array of vector items and display them on a map.

To show vector items on a map, do the following:

  1. Create a VectorItemsLayer and add it to the MapControl.Layers collection;
  2. Create a MapItemStorage object and assign it to the VectorItemsLayer.Data property;
  3. Generate an array of MapItem class descendants (e.g., MapCallout) and add this array to the MapItemStorage.Items property.

The code below illustrates how this can be done.

View Example

using System;
using System.Windows.Forms;
using DevExpress.XtraMap;

namespace AddItemsManually {

    public partial class Form1 : Form {

        public Form1() {

        private void Form1_Load(object sender, EventArgs e) {
            // Create a map control with initial settings and add it to the form.
            MapControl map = new MapControl() 
                             { Dock = DockStyle.Fill, ZoomLevel = 4, CenterPoint = new GeoPoint(43, 15) };

            // Create a layer to load image tiles from OpenStreetMap.
            ImageLayer tileLayer = new ImageLayer();
            tileLayer.DataProvider = new OpenStreetMapDataProvider();

            // Create a layer to display vector items.
            VectorItemsLayer itemsLayer = new VectorItemsLayer();

            // Create a storage for map items and generate them.
            MapItemStorage storage = new MapItemStorage();
            MapItem[] capitals = GetCapitals();
            itemsLayer.Data = storage;

        // Create an array of callouts for 5 capital cities.
        MapItem[] GetCapitals() {
            return new MapItem[] { 
                new MapCallout() { Text = "London", Location = new GeoPoint(51.507222, -0.1275) },
                new MapCallout() { Text = "Rome", Location = new GeoPoint(41.9, 12.5) },
                new MapCallout() { Text = "Paris", Location = new GeoPoint(48.8567, 2.3508) },
                new MapCallout() { Text = "Berlin", Location = new GeoPoint(52.52, 13.38) },
                new MapCallout() { Text = "Madrid", Location = new GeoPoint(40.4, -3.68) }

See Also