var pointlayer = new Careland.Layer("point","mypointlayer");
var linelayer = new Careland.Layer("polyline ","mylinelayer");
var gonlayer = new Careland.Layer("polygon ","mygonlayer");
map.addLayer(pointlayer);
map.removeLayer("mypointlayer");
| 点线面对象 | 说明 |
|---|---|
| Marker | 标注表示地图上的点,分为文本标注和图片标注,您可以同时自定义标注的文本内容和图片内容,另外您也可以通过设置点表达来控制其样式,默认继承所属点线面图层的表达 |
| Polyline | 表示地图上的折线,您可以通过设置线表达来控制其样式,默认继承所属点线面图层的表达 |
| Polygon | 表示地图上的多边形。多边形类似于闭合的折线,另外您也可以通过设置面表达来控制其样式,默认继承所属点线面图层的表达 |
| Circle | 表示地图上的圆形,您也可以通过设置面表达来控制其样式,默认继承所属点线面图层的表达 |
| Rectangle | 表示地图上的矩形,您也可以通过设置面表达来控制其样式,默认继承所属点线面图层的表达 |
| 表达样式类 | 说明 |
|---|---|
| PointStyle | 点表达表示标注的表达样式,可控制标注的图片路径、选中图片路径、文本样式等等 |
| LineStyle | 线表达表示折线的表达样式,可控制折线的类型、粗细、颜色样式等等 |
| PolyStyle | 面表达表示圆形和多边形的表达样式,可控制圆形或多边形的填充颜色、透明度、边框粗细样式等等 |
var pointlayer = new Careland.Layer("point","mypointlayer1"); // 创建ID为mypointlayer1的点图层
pointlayer.setStyle(new Careland.PointStyle({ // 创建点表达样式
src:"images/ico_1411.gif", // 正常状态图标
borderSize:0, // 图标边框
offsetX:-4,offsetY:-4, // 设置图片偏移
selectedSrc:"images /ico_1201.gif" // 选中状态图标
}));
map.addLayer (pointlayer); // 将点图层添加到地图中
var point = new Careland.Point(410942332,81392068);
var marker = new Careland.Marker("image","mypoint1"); // 创建标注
var pointstyle = new Careland.PointStyle({ // 创建点表达样式
src:"images/ico_1411.gif", // 正常状态图标
borderSize:0, // 图标边框
offsetX:-4,offsetY:-4, // 设置图片偏移
selectedSrc:"images /ico_1201.gif" // 选中状态图标
});
marker.setStyle(pointstyle); // 赋点表达样式
marker.setPoint(point); // 赋坐标位置
pointlayer.add (marker); // 将标注添加到点图层中
var obj = pointlayer.getItemById("mypoint1"); //根据标注ID获取图层中的对象
var pointNew = new Careland.Point(410941332,81392068);
obj.setPoint(pointNew);
marker. addEventListener ("click", function (){
alert("您点击了标注");
});
var linelayer = new Careland.Layer("polyline","mypolylinelayer1"); // 创建线图层
linelayer.setStyle(new Careland.LineStyle({// 创建线表达样式
color:"blue",// 线的颜色
size:6,// 线的粗细
type:"solid"// 线的类型(solid实线,dot虚线)
}));
var polyline = new Careland.Polyline("mypolyline1");// 创建折线
polyline.setPoints([// 赋坐标点
new Careland.Point(410842332,81398068),
new Careland.Point(410962332,81387068)
]);
linelayer.add(polyline);// 将折线添加到线图层中
map.addLayer (linelayer);// 将线图层添加到地图中
var polygonlayer = new Careland.Layer("polygon","mypolygonlayer1"); // 创建面图层
polygonlayer.setStyle(new Careland.PolyStyle({// 创建面表达样式
fillColor:"#0000ff", // 填充色
outlineColor: 2 //边线
}));
var circle = new Careland.Circle("mycircle1");// 创建圆形
circle.setRect(new Careland.Bounds(// 矩形外框确定一个圆形
new Careland.Point(410002332,81392068),
new Careland.Point(410802332,80392068)
));
polygonlayer.add(circle);// 将圆形添加到面图层中
map.addLayer (polygonlayer);// 将面图层添加到地图中
var circle = new Careland.Circle("mycircle2");// 创建圆形
circle.setStyle(new Careland.PolyStyle({// 赋表达样式
fillColor:"# ff0000",// 填充色
opacity:50// 透明度
}));
// 绘制中心点为410002332,81392068,半径为1千米的圆
circle.setRect({center: new Careland.Point(410002332,81392068), radius:1000});
polygonlayer.add(circle);// 将圆形添加到面图层中
var polygon= new Careland.Polygon("mypoly1"); // 创建多边形
polygon.setPoints([ // 赋坐标点
new Careland.Point(410002332,81392068),
new Careland.Point(410802332,81392068),
new Careland.Point(410802332,80392068),
new Careland.Point(410202332,80792068),
new Careland.Point(410002332,81392068)
]);
polygonlayer.add(polygon);// 将多边形添加到面图层中
var p1=new Careland.Point(410648628,81435618); //左上角坐标
var p2=new Careland.Point(410884079,81365449); //右下角坐标
var bounds = new Careland.Bounds(p1, p2) //创建矩形区域
var rect1= new Careland.Rectangle ("myrect1"); // 创建矩形
rect1.setRect(bounds); //设置矩形的矩形边框
polygonlayer.add(rect1); // 将矩形添加到面图层中