React VectorMap - markers
Use the dataSource property instead.
Data you need to provide for map markers depends on the type of the markers you use. Generally, you need to declare an array of objects, each of which must hold the coordinates field specifying geographical coordinates of a marker. Additionally, you need to specify the value field (for bubble markers), or the values field (for pie markers), or the url field (for image markers). To display a label for a marker, specify the text field.
For a more comprehensive description of how to provide data for map markers, see the Data for Markers topic.
attributes
Specify attributes in the "properties" field of a GeoJSON feature. The GeoJSON object is passed to the layers.dataSource option.
The object assigned to this option may contain information you find useful. Fields of this object are accessible from code using the attribute(name) method of a map marker.
coordinates
Specify coordinates in the "geometry.coordinates" field of a GeoJSON feature. The GeoJSON object is passed to the layers.dataSource option.
This option accepts an array of two values: the first is the longitude, the second is the latitude of a map marker. You can obtain the coordinates of a map marker from code using the coordinates() method.
text
Specify text as one of the GeoJSON attributes (the GeoJSON object is passed to the layers.dataSource option) and reference it using the layers.label.dataField option.
Specifies text for the marker label.
url
Specify the url as one of the GeoJSON attributes (the GeoJSON object is passed to the layers.dataSource option) and reference it using the layers.dataField option.
Specifies a URL for a map marker of the image type.
value
Specify the value as one of the GeoJSON attributes (the GeoJSON object is passed to the layers.dataSource option) and reference it using the layers.dataField option.
Specifies a value for a map marker of the bubble type.
When you use markers of the bubble type on your map, specify the value option for each marker. This option defines the size of the bubble that represents a marker: the greater the value, the bigger the size. Additionally, you can specify the sizes of the bubbles with minimum and maximum values. For this purpose, use the minSize and maxSize options of the markerSettings configuration object.
values
Specify the values as one of the GeoJSON attributes (the GeoJSON object is passed to the layers.dataSource option) and reference it using the layers.dataField option.
Specifies values for a map marker of the pie type.
When you use pie markers on your map, each marker is represented by a tiny pie chart whose slices are defined by the array assigned to the values field of the marker object. If you are not satisfied with the size of pie markers, you can change it using the size option of the markerSettings object.
If you have technical questions, please create a support ticket in the DevExpress Support Center.