MapTagHelper

Example

Razor

<kendo-map>
    <controls></controls>
    <layer-defaults></layer-defaults>
    <layers></layers>
    <marker-defaults></marker-defaults>
    <markers></markers>
    <messages />
</kendo-map>

ChildTags

Tag Name	Details
controls	MapControlsSettingsTagHelper
layer-defaults	MapLayerDefaultsSettingsTagHelper
layers	MapLayersTagHelper
marker-defaults	MapMarkerDefaultsSettingsTagHelper
markers	MapMarkersTagHelper
messages	MapMessagesSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
center	Double[]	The map center. Coordinates are listed as [Latitude, Longitude].
max-zoom	Double	The maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
min-size	Double	The size of the map in pixels at zoom level 0.
min-zoom	Double	The minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
on-before-reset	String	The name of the JavaScript function that will handle the beforeReset event. Fired immediately before the map is reset. This event is typically used for cleanup by layer implementers.
on-click	String	The name of the JavaScript function that will handle the click event. Fired when the user clicks on the map.
on-marker-activate	String	The name of the JavaScript function that will handle the markerActivate event. Fired when a marker has been displayed and has a DOM element assigned.
on-marker-click	String	The name of the JavaScript function that will handle the markerClick event. Fired when a marker has been clicked or tapped.
on-marker-created	String	The name of the JavaScript function that will handle the markerCreated event. Fired when a marker has been created and is about to be displayed. Cancelling the event will prevent the marker from being shown.Use markerActivate if you need to access the marker DOM element.
on-pan	String	The name of the JavaScript function that will handle the pan event. Fired while the map viewport is being moved.
on-pan-end	String	The name of the JavaScript function that will handle the panEnd event. Fires after the map viewport has been moved.
on-reset	String	The name of the JavaScript function that will handle the reset event. Fired when the map is reset. This typically occurs on initial load and after a zoom/center change.
on-shape-click	String	The name of the JavaScript function that will handle the shapeClick event. Fired when a shape is clicked or tapped.
on-shape-created	String	The name of the JavaScript function that will handle the shapeCreated event. Fired when a shape is created, but is not rendered yet.
on-shape-feature-created	String	The name of the JavaScript function that will handle the shapeFeatureCreated event. Fired when a GeoJSON Feature is created on a shape layer.
on-shape-mouse-enter	String	The name of the JavaScript function that will handle the shapeMouseEnter event. Fired when the mouse enters a shape.
on-shape-mouse-leave	String	The name of the JavaScript function that will handle the shapeMouseLeave event. Fired when the mouse leaves a shape.
on-zoom-end	String	The name of the JavaScript function that will handle the zoomEnd event. Fired when the map zoom level has changed.
on-zoom-start	String	The name of the JavaScript function that will handle the zoomStart event. Fired when the map zoom level is about to change. Cancelling the event will prevent the user action.
pannable	Boolean	Controls whether the user can pan the map.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
wraparound	Boolean	Specifies whether the map should wrap around the east-west edges.
zoom	Double	The initial zoom level.Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).The map size is derived from the zoom level and minScale options: size = (2 ^ zoom) * minSize
zoomable	Boolean	Controls whether the map zoom level can be changed by the user.