Блог

у меня возникла следующая проблема:

Я использую карту пользовательского интерфейса Kendo.

Как я могу изменить цвет маркеров с помощью удаленных данных)

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

 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 : "amp;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»: red», маркер должен использоваться как picture1.png, а если файл формы имеет значение «shape»: «green», маркер должен быть похож на picture2.png.

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

Приветствует