GeoHey SDK新特性
最近,GeoHey SDK又更新了几个版本,除了修复了一些开发者在使用过程中遇到的问题之外,在新版本SDK中还添加了一些有趣的新功能,今天我就带大家熟悉一下这些新特性。
地图滤镜
一提到滤镜,大家首先想到的可能是使用各种各样的滤镜对照片进行美化,其实对地图瓦片使用滤镜也会带来意想不到的效果。比如,我们使用SDK扩展模块中的底图服务加载Google地图的瓦片看起来是这样的。
使用同样的底图但是添加地图滤镜之后,看起来就是这样的了。
使用方法也非常简单,只需要在调用瓦片图层的时候添加一个filter属性就可以了。
G.loadModule('maps', function() {
layer = new G.Layer.GoogleCnMap('street', {
filter: 'dark'
});
map.addLayer(layer);
})
OD线
OD线用于指定一条由起点指向终点的曲线。
使用起来也很简单,除了指定起点和终点之外,可以通过curvature属性来设置线的弯曲程度,使用curvePosition来配置曲线的弯曲位置,direction属性用于配置线的弯曲方向。因为OD线继承于Polyline,我们也可以使用线要素的属性来配置线的颜色、宽度、线型等。
var g = new G.Graphic.OD([[12958411.824, 4852031.940], [9753463.349, 5438491.693]], {
name:'testLine'
}, {
curvature: 0.3,
curvePosition:0.5,
direction: 'left', //朝直线方向的左侧还是右侧弯曲
shadow: false, //开启会影响性能
shadowColor: '#fff',
lineWidth:2,
lineColor:'#99CC33',
});
g.addTo(graphicLayer);
通过使用anim模块,可以为OD线添加动画效果,duration属性用于指定完成一次动画所需的时间,repeatCount属性用于指定动画的重复次数。
g = new G.Graphic.AnimOD([
[12958411.824, 4852031.940], [9753463.349, 5438491.693]], {
name:'line'
}, {
curvature: 0.3,
duration: 1,
repeatCount:2
});
g.addTo(graphicLayer);
g.play();
添加了动画的OD线效果:
对于SDK的新特性就先介绍这些,各位开发者在使用GeoHey SDK进行开发时,不要忘记先去 geohey sdk开发文档下载最新版本,如果在使用过程中遇到问题,也可以去QQ交流群(164183186)寻求帮助。