天下之事,必先处之难,而后易之。

阿里云地图添加点线面

1、参考实例网址:http://ditu.aliyun.com/jsdoc/map/examples.html

2、实例代码:

/**
 * --------add marker---------------------
 */
var amarker,addMarkerListener;

function  activateAddMarker(){
      addMarkerListener=AliEvent.addListener(map,"click",function(point){
        var latlng=map.fromContainerPixelToLatLng(point);
        var lonlat=point.x+","+point.y;
        if(amarker!=null) map.clearOverlays();
        amarker=new AliMarker(latlng,{draggable:true});
        var lsResultDiv=$('#result').html(lonlat);
        map.addOverlay(amarker);
     });
}

/**
 * ---------remove addmarker listener------------------
 */

function  deactivateAddMarker(){
    AliEvent.removeListener(addMarkerListener);
}
/**
 * ---------add polyline------------------
 */
var polyline;
function activeAddPolyline(){
     //先初始化一个空的折线
    polyline=new AliPolyline([]);
    //必须先添加到地图才能允许用户绘制
    map.addOverlay(polyline);
    AliEvent.addListener(polyline,"drawstart",onDrawStart);
    AliEvent.addListener(polyline,"drawend",onDrawEnd);
    //开始让用户在地图上绘制折线
    polyline.startDrawing();
    //可编辑
    polyline.startEditting();
}

/**
 * ---------add polyline functions------------------
 */
function startDraw(){
       polyline.setPoints([]);
       polyline.startDrawing();
}
function endDraw(){
       polyline.endDrawing();
}
function onDrawStart(){
     document.getElementById("drawStatus").innerHTML="draw start";
}
function onDrawEnd(){
     document.getElementById("drawStatus").innerHTML="draw  end ";
}
//edit polyline---
function startLineEdit(){
      polyline.startEditting();
}
function endLineEdit(){
     polyline.endEditting();
}

function deactiveAddPolyline(){
     polyline=null;
}
/**
 * -----add polygon-------------------
 */
var polygon;
function activateAddPolygon(){
     //先建立一个空的多边形
     polygon=new AliPolygon([]);
     //必须先添加到地图才能允许用户绘制
     map.addOverlay(polygon);
     AliEvent.addListener(polygon,"drawstart",onDrawPolygonStart);
     AliEvent.addListener(polygon,"drawend",onDrawPolygonEnd);
     //开始多边形的绘制
     polygon.startDrawing();
     //可编辑
     polygon.startEditting({disableIntersection:true});
}

/**
 * ---------add polygon functions------------------
 */
function startDraw(){
     polygon.setPoints([]);
     polygon.startDrawing();
}
function endDraw() {
     polygon.endDrawing();
}
function onDrawPolygonStart(){
   document.getElementById("drawStatus").innerHTML="Polygon start";
}
function onDrawPolygonEnd(){
   document.getElementById("drawStatus").innerHTML="Polygon end  ";
}
function startPolygonEdit(){
        polygon.startEditting();
}
function endPolygonEdit(){
       polygon.endEditting();
}
function deactivateAddPolygon(){
        polygon=null;
}

/**
 * ---------绘制矩形------------------
 */
var rect;
function activatePolygonFoure(){
     rect=new AliRectOverlay();
     map.addOverlay(rect);
     AliEvent.addListener(rect,"drawstart",onSideDrawStart);
     AliEvent.addListener(rect,"drawend",onSideDrawEnd);
     //开始绘制矩形
     rect.startDrawing();
    rect.startEditting();
}
/**
 * --------add circle---------------------
 */
var oval;
function addCircle(){
 //绘制以center为中心,3000米为直径的正圆
 oval=new AliOvalOverlay(map.getProjection().getSquare(map.getCenter(),3000),{editSymbolCtl:128});
 map.addOverlay(oval);
 oval.startEditting({keepRatio:true});
}

 

posted @ 2012-04-06 00:00  boonya  阅读(437)  评论(0编辑  收藏  举报
我有佳人隔窗而居,今有伊人明月之畔。
轻歌柔情冰壶之浣,涓涓清流梦入云端。
美人如娇温雅悠婉,目遇赏阅适而自欣。
百草层叠疏而有致,此情此思怀彼佳人。
念所思之唯心叩之,踽踽彳亍寤寐思之。
行云如风逝而复归,佳人一去莫知可回?
深闺冷瘦独自徘徊,处处明灯影还如只。
推窗见月疑是归人,阑珊灯火托手思忖。
庐居闲客而好品茗,斟茶徐徐漫漫生烟。

我有佳人在水之畔,瓮载渔舟浣纱归还。
明月相照月色还低,浅近芦苇深深如钿。
庐山秋月如美人衣,画堂春阁香气靡靡。
秋意幽笃残粉摇曳,轻轻如诉画中蝴蝶。
泾水潺潺取尔浇园,暮色黄昏如沐佳人。
青丝撩弄长裙翩翩,彩蝶飞舞执子手腕。
香带丝缕缓缓在肩,柔美体肤寸寸爱怜。
如水之殇美玉成欢,我有佳人清新如兰。
伊人在水我在一边,远远相望不可亵玩。