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中的形状字段的图片。

例如当shapefield是“shape”时：red“标记应该像picture1.png一样使用，如果shapefiled是”shape“：”green“，标记应该像picture2.png。

有没有人有想法？

迎接

Answer 1

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

如何在Kendo UI Map中更改标记颜色？

1 个答案: