{ "name": "Maps", "description": "Maps Component", "keywords": { "common": [ "ej2", "syncfusion", "web-components", "ej2-maps", "javascript", "typescript", "maps", "geoJSON", "shapes", "custom-shapes", "OSM", "openstreetmap", "bing maps", "azure maps", "google maps", "projection", "layer", "sublayer", "bubble", "color-mapping", "marker", "cluster", "data-label", "navigation-line", "zoom", "pan", "point", "multipoint", "linestring", "multilinestring", "polygon", "multipolygon", "geometry-collection", "feature-collection" ], "angular": ["angular", "ng-maps", "ej2-ng-maps"], "react": ["react", "reactjs", "react-maps", "ej2-react-maps"], "vue": ["vue", "vuejs", "vue-maps", "ej2-vue-maps"] }, "repository": { "type": "git", "url": "https://github.com/syncfusion/ej2-maps" }, "eventInterfaces": [ "ILoadEventArgs", "IPrintEventArgs", "ILoadedEventArgs", "IMouseEventArgs", "IResizeEventArgs", "ITooltipRenderEventArgs", "IShapeSelectedEventArgs", "ISelectionEventArgs", "ILayerRenderingEventArgs", "IShapeRenderingEventArgs", "IMarkerRenderingEventArgs", "IMarkerClickEventArgs", "IMarkerMoveEventArgs", "ILabelRenderingEventArgs", "IBubbleRenderingEventArgs", "IBubbleClickEventArgs", "IBubbleMoveEventArgs", "IAnimationCompleteEventArgs","IAnnotationRenderingEventArgs", "IMapZoomEventArgs", "IMapPanEventArgs", "IMarkerClusterRenderingEventArgs", "IMarkerClusterClickEventArgs", "IMarkerClusterMoveEventArgs", "ITooltipRenderCompleteEventArgs" ], "components": [ { "baseClass": "Maps", "directoryName": "maps", "blazorPlaceholder": "maps", "isPartialClass": true, "type": "simple", "blazorType": "native", "blazorDependency": [ "ej2-base", "../blazor/sf-maps" ], "defaultTag": "", "twoWays": [ "dataSource" ], "comment": [ "/**", " * Represents the Angular Maps component.", " * It is ideal for rendering maps from GeoJSON data or other map providers like OpenStreetMap, Google Maps, Bing Maps, etc that has rich feature set that includes markers, labels, bubbles and much more. ", " * ```html", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the React Maps component.", " * It is ideal for rendering maps from GeoJSON data or other map providers like OpenStreetMap, Google Maps, Bing Maps, etc that has rich feature set that includes markers, labels, bubbles and much more. ", " * ```tsx", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the Vue Maps component.", " * It is ideal for rendering maps from GeoJSON data or other map providers like OpenStreetMap, Google Maps, Bing Maps, etc that has rich feature set that includes markers, labels, bubbles and much more. ", " * ```vue", " * ", " * ```", " */" ], "dynamicModules": [ "Bubble", "Legend", "Marker", "Highlight", "Selection", "MapsTooltip", "Zoom", "DataLabel", "NavigationLine", "Annotations", "Print", "PdfExport", "ImageExport", "Polygon" ], "complexDirective": [ { "propertyName": "titleSettings", "baseClass": "TitleSettings", "complexDirective": [ { "propertyName": "subtitleSettings", "baseClass": "SubTitleSettings", "blazorClassName": "MapsSubtitleSettings", "complexDirective": [ { "propertyName": "textStyle", "baseClass": "Font", "SelectorName": "e-maps-subtitle-textstyle", "aspSelectorName": "e-maps-subtitle-textstyle", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsSubtitleTextStyle" } ] }, { "propertyName": "textStyle", "baseClass": "Font", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsTitleTextStyle" } ] }, { "propertyName": "zoomSettings", "baseClass": "ZoomSettings", "complexDirective": [ { "propertyName": "buttonSettings", "baseClass": "ButtonSettings" }, { "propertyName": "tooltipSettings", "baseClass": "ZoomToolbarTooltipSettings" } ] }, { "propertyName": "centerPosition", "baseClass": "CenterPosition" }, { "propertyName": "legendSettings", "baseClass": "LegendSettings", "complexDirective": [ { "propertyName": "toggleLegendSettings", "baseClass": "ToggleLegendSettings", "blazorClassName": "MapsToggleLegendSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsToggleLegendBorder" } ] }, { "propertyName": "border", "baseClass": "Border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLegendBorder" }, { "propertyName": "shapeBorder", "baseClass": "Border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLegendShapeBorder" }, { "propertyName": "textStyle", "baseClass": "Font", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsLegendTextStyle" }, { "propertyName": "title", "baseClass": "CommonTitleSettings", "blazorClassName": "MapsLegendTitle" }, { "propertyName": "titleStyle", "baseClass": "Font", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsLegendTitleStyle" } ] }, { "propertyName": "mapsArea", "baseClass": "MapsAreaSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsAreaBorder" } ] }, { "propertyName": "border", "baseClass": "Border" }, { "propertyName": "margin", "baseClass": "Margin" } ], "tagDirective": [ { "arrayDirectiveClassName": "Layers", "directiveClassName": "Layer", "arrayDirectiveSelector": "ej-maps>e-layers", "directiveSelector": "e-layers>e-layer", "propertyName": "layers", "directoryName": "maps", "baseClass": "LayerSettings", "blazorArrayClassName":"MapsLayers", "complexDirective": [ { "propertyName": "dataLabelSettings", "baseClass": "DataLabelSettings", "blazorTemplates": ["template:labelTemplate"], "blazorTemplateModels": { "template" : "IDataTemplate" }, "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-layers-datalabel-border", "aspSelectorName": "e-layers-datalabel-border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLayerDataLabelBorder" }, { "propertyName": "textStyle", "baseClass": "Font", "SelectorName": "e-layers-datasabel-textstyle", "aspSelectorName": "e-layers-datasabel-textstyle", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsLayerDataLabelTextStyle" } ] }, { "propertyName": "markerClusterSettings", "baseClass": "MarkerClusterSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-layers-markerCluster-border", "aspSelectorName": "e-layers-markerCluster-border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLayerMarkerClusterBorder" }, { "propertyName": "labelStyle", "baseClass": "Font", "SelectorName": "e-layers-markerCluster-textstyle", "aspSelectorName": "e-layers-markerCluster-textstyle", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsLayerMarkerClusterLabelStyle" }, { "propertyName": "connectorLineSettings", "baseClass": "ConnectorLineSettings", "SelectorName": "e-layers-markerCluster-connectorlinesettings", "aspSelectorName": "e-layers-markerCluster-connectorlinesettings", "blazorClassName": "MapsLayerMarkerClusterConnectorLineSettings" } ] }, { "propertyName": "highlightSettings", "baseClass": "HighlightSettings", "blazorClassName": "MapsLayerHighlightSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-layers-highlight-border", "aspSelectorName": "e-layers-highlight-border", "aspClassName":"LayersHighlightSettingsBorder", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLayerHighlightBorder" } ] }, { "propertyName": "selectionSettings", "baseClass": "SelectionSettings", "blazorClassName": "MapsLayerSelectionSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-layers-selection-border", "aspSelectorName": "e-layers-selection-border", "aspClassName":"LayersSelectionSettingsBorder", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLayerSelectionBorder" } ] }, { "propertyName": "polygonSettings", "baseClass": "PolygonSettings", "complexDirective": [ { "propertyName": "highlightSettings", "baseClass": "HighlightSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-polygon-highlight-border", "aspSelectorName": "e-polygon-highlight-border", "aspClassName": "PolygonHighlightSettingsBorder", "isCommon": true } ] }, { "propertyName": "selectionSettings", "baseClass": "SelectionSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-polygon-selection-border", "aspSelectorName": "e-polygon-selection-border", "aspClassName": "PolygonSelectionSettingsBorder", "isCommon": true } ] } ], "tagDirective": [ { "arrayDirectiveClassName": "Polygons", "directiveClassName": "Polygon", "arrayDirectiveSelector": "e-polygonSettings>e-polygons", "directiveSelector": "e-polygonSettings>e-polygons>e-polygon", "directoryName": "maps", "propertyName": "polygonSetting", "baseClass": "PolygonSetting", "comment": [ "/**", " * Represents the directive to define the polygon in the maps.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the polygon in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the polygon in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] } ] }, { "propertyName": "shapeSettings", "baseClass": "ShapeSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-layers-shapesettings-border", "aspSelectorName": "e-layers-shapesettings-border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsShapeBorder" } ], "tagDirective": [ { "arrayDirectiveClassName": "ColorMappings", "directiveClassName": "ColorMapping", "arrayDirectiveSelector": "e-shapeSettings>e-colorMappings", "directiveSelector": "e-shapeSettings>e-colorMappings>e-colorMapping", "directoryName": "maps", "propertyName": "colorMapping", "baseClass": "ColorMappingSettings", "blazorClassName": "MapsShapeColorMapping", "blazorArrayClassName": "MapsShapeColorMappings", "comment": [ "/**", " * Represents the directive to define the shape color mapping in the maps.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the shape color mapping in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the shape color mapping in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] } ] }, { "propertyName": "tooltipSettings", "baseClass": "TooltipSettings", "isCommon": true, "blazorCommonClassName": "MapsTooltipSettings", "blazorClassName": "MapsLayerTooltipSettings", "blazorTemplates": ["template:layerTooltipTemplate"], "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-layers-tooltip-border", "aspSelectorName": "e-layers-tooltip-border", "aspClassName":"LayersTooltipSettingsBorder", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsLayerTooltipBorder" }, { "propertyName": "textStyle", "baseClass": "Font", "SelectorName": "e-layers-tooltip-textstyle", "aspSelectorName": "e-layers-tooltip-textstyle", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsLayerTooltipTextStyle" } ] } ], "comment": [ "/**", " * Represents the directive to define the layer of the maps.", " * ```html", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the layer of the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the layer of the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "tagDirective": [ { "arrayDirectiveClassName": "InitialShapeSelections", "directiveClassName": "InitialShapeSelection", "arrayDirectiveSelector": "e-layer>e-initialShapeSelections", "directiveSelector": "e-layer>e-initialShapeSelections>e-initialShapeSelection", "directoryName": "maps", "propertyName": "initialShapeSelection", "baseClass": "InitialShapeSelectionSettings", "blazorArrayClassName":"MapsInitialShapeSelectionSettings", "comment": [ "/**", " * Represents the directive to configure the selection of the shapes when the maps is initially rendered.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to configure the selection of the shapes when the maps is initially rendered.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to configure the selection of the shapes when the maps is initially rendered.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] }, { "arrayDirectiveClassName": "Markers", "directiveClassName": "Marker", "arrayDirectiveSelector": "e-layer>e-markerSettings", "directiveSelector": "e-layer>e-markerSettings>e-markerSetting", "directoryName": "maps", "propertyName": "markerSettings", "baseClass": "MarkerSettings", "blazorArrayClassName":"MapsMarkerSettings", "blazorTemplates": ["template:markerTemplate"], "blazorTemplateModels": { "template" : "IDataTemplate" }, "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsMarkerBorder" }, { "propertyName": "highlightSettings", "baseClass": "HighlightSettings", "isCommon": true, "blazorCommonClassName": "MapsHighlightSettings", "blazorClassName": "MapsMarkerHighlightSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-marker-highlight-border", "aspSelectorName": "e-marker-highlight-border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsMarkerHighlightBorder" } ] }, { "propertyName": "selectionSettings", "baseClass": "SelectionSettings", "isCommon": true, "blazorCommonClassName": "MapsSelectionSettings", "blazorClassName": "MapsMarkerSelectionSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-marker-selection-border", "aspSelectorName": "e-marker-selection-border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsMarkerSelectionBorder" } ] }, { "propertyName": "tooltipSettings", "baseClass": "TooltipSettings", "isCommon": true, "blazorCommonClassName": "MapsTooltipSettings", "blazorClassName": "MapsMarkerTooltipSettings", "blazorTemplates": ["template:markerTooltipTemplate"], "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-marker-tooltip-border", "aspSelectorName": "e-marker-tooltip-border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsMarkerTooltipBorder" }, { "propertyName": "textStyle", "baseClass": "Font", "SelectorName": "e-marker-tooltip-textstyle", "aspSelectorName": "e-marker-tooltip-textstyle", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsMarkerTooltipTextStyle" } ] } ], "comment": [ "/**", " * Represents the directive to define the markers in the maps.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the markers in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the markers in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "templateProperties": [ "template", "tooltipSettings.template" ] }, { "arrayDirectiveClassName": "Bubbles", "directiveClassName": "Bubble", "arrayDirectiveSelector": "e-layer>e-bubbleSettings", "directiveSelector": "e-layer>e-bubbleSettings>e-bubbleSetting", "directoryName": "maps", "propertyName": "bubbleSettings", "baseClass": "BubbleSettings", "blazorArrayClassName":"MapsBubbleSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsBubbleBorder" }, { "propertyName": "highlightSettings", "baseClass": "HighlightSettings", "isCommon": true, "blazorCommonClassName": "MapsHighlightSettings", "blazorClassName": "MapsBubbleHighlightSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-bubble-highlight-border", "aspSelectorName": "e-bubble-highlight-border", "aspClassName":"BubbleHighlightSettingsBorder", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsBubbleHighlightBorder" } ] }, { "propertyName": "selectionSettings", "baseClass": "SelectionSettings", "isCommon": true, "blazorCommonClassName": "MapsSelectionSettings", "blazorClassName": "MapsBubbleSelectionSettings", "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-bubble-selection-border", "aspSelectorName": "e-bubble-selection-border", "aspClassName":"BubbleSelectionSettingsBorder", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsBubbleSelectionBorder" } ] }, { "propertyName": "tooltipSettings", "baseClass": "TooltipSettings", "isCommon": true, "blazorCommonClassName": "MapsTooltipSettings", "blazorClassName": "MapsBubbleTooltipSettings", "blazorTemplates": ["template:bubbleTooltipTemplate"], "complexDirective": [ { "propertyName": "border", "baseClass": "Border", "SelectorName": "e-bubble-tooltip-border", "aspSelectorName": "e-bubble-tooltip-border", "aspClassName":"BubbleTooltipSettingsBorder", "isCommon": true, "blazorCommonClassName": "MapsBorderSettings", "blazorClassName": "MapsBubbleTooltipBorder" }, { "propertyName": "textStyle", "baseClass": "Font", "SelectorName": "e-bubble-tooltip-textstyle", "aspSelectorName": "e-bubble-tooltip-textstyle", "aspClassName":"BubbleTooltipSettingsFont", "isCommon": true, "blazorCommonClassName": "MapsFontSettings", "blazorClassName": "MapsBubbleTooltipTextStyle" } ] } ], "tagDirective": [ { "arrayDirectiveClassName": "ColorMappings", "directiveClassName": "ColorMapping", "arrayDirectiveSelector": "e-bubbleSettings>e-colorMappings", "directiveSelector": "e-bubbleSettings>e-colorMappings>e-colorMapping", "directoryName": "maps", "propertyName": "colorMapping", "baseClass": "ColorMappingSettings", "blazorClassName": "MapsBubbleColorMapping", "blazorArrayClassName": "MapsBubbleColorMappings", "comment": [ "/**", " * Represents the directive to define the bubble color mapping in the maps.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the bubble color mapping in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the bubble color mapping in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] } ], "comment": [ "/**", " * Represents the directive to define the bubbles in the maps.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the bubbles in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the bubbles in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "templateProperties": [ "tooltipSettings.template" ] }, { "arrayDirectiveClassName": "NavigationLines", "directiveClassName": "NavigationLine", "arrayDirectiveSelector": "e-layer>e-navigationLineSettings", "directiveSelector": "e-layer>e-navigationLineSettings>e-navigationLineSetting", "directoryName": "maps", "propertyName": "navigationLineSettings", "baseClass": "NavigationLineSettings", "blazorArrayClassName":"MapsNavigationLines", "complexDirective": [ { "propertyName": "arrowSettings", "baseClass": "Arrow" }, { "propertyName": "highlightSettings", "baseClass": "HighlightSettings", "isCommon": true, "blazorCommonClassName": "MapsHighlightSettings", "blazorClassName": "MapsNavigationLineHighlightSettings" }, { "propertyName": "selectionSettings", "baseClass": "SelectionSettings", "isCommon": true, "blazorCommonClassName": "MapsSelectionSettings", "blazorClassName": "MapsNavigationLineSelectionSettings" } ], "comment": [ "/**", " * Represents the directive to define the navigation lines in the maps.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the navigation lines in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the navigation lines in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "templateProperties": [ "tooltipSettings.template" ] } ] }, { "arrayDirectiveClassName": "Annotations", "directiveClassName": "Annotation", "arrayDirectiveSelector": "ej-maps>e-maps-annotations", "directiveSelector": "e-maps-annotations>e-maps-annotation", "propertyName": "annotations", "directoryName": "maps", "baseClass": "Annotation", "blazorContainerTemplates": ["content:contentTemplate"], "comment": [ "/**", " * Represents the directive to define the annotations in the maps.", " * ```html", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * Represents the directive to define the annotations in the maps.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * Represents the directive to define the annotations in the maps.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "templateProperties": [ "content" ] } ] } ] }