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); // 将矩形添加到面图层中