My apologies for the delay on this. Had to work on some other things....
Anyway, I just updated the KendoUI code to the latest 2018 release and have the same issue.
I am able to get the markers to show up by adding the following CSS to the page:
.k-map .k-
marker
{
background-image
:
url
(/css/kendo/Fiori/markers.png)
!important
;
}
Still not sure why the notification isn't centered anymore. I'm using the following for OnNotificationShow:
function
OnNotificationShow(e) {
if
(!$(
"."
+ e.sender._guid)[1]) {
var
element = e.element.parent(),
eWidth = element.width(),
eHeight = element.height(),
wWidth = $(window).width(),
wHeight = $(window).height();
var
newLeft = Math.floor(wWidth / 2 - eWidth / 2);
var
newTop = Math.floor(wHeight / 2 - eHeight / 2);
e.element.parent().css({ top: newTop - 200, left: newLeft });
}
}
Here is what I am doing to reference the KendoUI JS/Styles. JQuery is included earlier in the page.
<
link
href
=
"/css/kendo/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"/css/kendo/kendo.fiori.min.css"
rel
=
"stylesheet"
/>
<
script
src
=
"/scripts/kendo/kendo.all.min.js"
></
script
>