Map

Example

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

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
has-client-componentBoolean
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-moduleBoolean
centerDouble[]The map center. Coordinates are listed as [Latitude, Longitude].
max-zoomDoubleThe maximum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
min-sizeDoubleThe size of the map in pixels at zoom level 0.
min-zoomDoubleThe minimum zoom level. Typical web maps use zoom levels from 0 (whole world) to 19 (sub-meter features).
on-before-resetStringFired immediately before the map is reset. This event is typically used for cleanup by layer implementers.
on-clickStringFired when the user clicks on the map.
on-marker-activateStringFired when a marker has been displayed and has a DOM element assigned.
on-marker-clickStringFired when a marker has been clicked or tapped.
on-marker-createdStringFired 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-panStringFired while the map viewport is being moved.
on-pan-endStringFires after the map viewport has been moved.
on-resetStringFired when the map is reset. This typically occurs on initial load and after a zoom/center change.
on-shape-clickStringFired when a shape is clicked or tapped.
on-shape-createdStringFired when a shape is created, but is not rendered yet.
on-shape-feature-createdStringFired when a GeoJSON Feature is created on a shape layer.
on-shape-mouse-enterStringFired when the mouse enters a shape.
on-shape-mouse-leaveStringFired when the mouse leaves a shape.
on-zoom-endStringFired when the map zoom level has changed.
on-zoom-startStringFired when the map zoom level is about to change. Cancelling the event will prevent the user action.
pannableBooleanControls whether the user can pan the map.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
wraparoundBooleanSpecifies whether the map should wrap around the east-west edges.
zoomDoubleThe 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
zoomableBooleanControls whether the map zoom level can be changed by the user.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support