Как изменить цвет маркера в Kendo UI Map?

Question

Я получил следующую проблему:

Я использую Kendo UI Map.

Как я могу изменить цвет маркеров через удаленные данные)

В моем примере я получил что-то вроде этого:

data =[{"name": "test1", "shape":"pinTarget", "latlng":[30.268107, -97.744821]},
       {"name": "test2","shape":"mystyle", "latlng":[40.268107, -97.744821]}];


$("#map").kendoMap({
    center : [ 30.268107, -97.744821 ],
    zoom : 3,

    layers : [ {
         type : "tile",
         urlTemplate : "http://#= subdomain #.tile2.opencyclemap.org/transport/#= zoom     #/#= x #/#= y #.png",
         subdomains : [ "a", "b", "c" ],
         attribution : "&copy; <a href='http://osm.org/copyright'>OpenStreetMap contributors</a>." + "Tiles courtesy of <a href='http://www.opencyclemap.org/'>Andy Allan</a>"
    } ,{
         type: "marker",
         dataSource: data,

         locationField: "latlng",
         titleField: "name"}],
});

А в css как то так:

 .k-marker-my-style {
    background-image: url("styles/Bootstrap/markers.png");
    border: solid 1px #00f;

  }

Я знаю, что маркеры - это картинки. Как я могу изменить эти картинки пристрастие к полю формы в источнике данных.

В примере, когда поле формы имеет значение "shape": красный, маркер должен использоваться как picture1.png, а если shapefiled имеет значение "shape": "зеленый", маркер должен быть похож на picture2.png.

У кого-нибудь есть идея?

поздравил

Answer 1

Я думаю, что этот живой пример поможет вам, http://chilifunfactory.com/Blogs/Factory-Direct/1021/Kendo-UI-Map