Currently, the marker tooltip can be shown only when hovering the marker. I want to show the tooltip when the user clicks the marker.

Example use case:

I've included clickable elements in the tooltip. The tooltip is hidden as soon as the mouse leaves the marker and the user cannot interact with the tooltip elements.

If I set a global font icon type, the Map icons are broken, because they are missing the k-font-icon CSS class. A possible workaround is to apply the missing styles to the rendered k-icon class:

In the meantime, one can use SVG icons or the following CSS rule as a workaround:

    .k-map .k-icon {
        width: 1em;
        height: 1em;
        outline: 0;
        font-size: 16px;
        font-family: "WebComponentsIcons";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        speak: none;
        text-transform: none;
        text-decoration: none;
        flex-shrink: 0;
        display: inline-flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        position: relative;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }

Hello

Is it possible to get the map to support Geolocation? Something like whats on the openstreetmap website map where you can click the location button and the map then moves to where your location is. Maybe some event that we can listen on to get the Latitude and Longitude of the users location which we can then use to manipulate the map?

Phil

Using a custom SVG icon in a Marker template causes the Map component to break and throw an exception (Failed to execute 'appendChild' on 'Node': Unexpected end of input) in WASM application.

In the meantime, the alternative approach to achieve custom map markers is to use Font Icons. An example of the approach can be found in this REPL link.