javascript - 如何在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;

  }

我知道标记是图片。如何更改沉迷于dataSource中shape字段的这些图片。

例如，当shapefield为“ shape”：red“时，标记应使用picture1.png，如果shapefile为” shape“：” green“，则标记应类似于picture2.png。

有人有主意吗？

招呼

Answer 1

我想这个例子可以帮助您，http://chilifunfactory.com/Blogs/Factory-Direct/1021/Kendo-UI-Map