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});
}

转载于:https://www.cnblogs.com/boonya/archive/2012/04/06/2433955.html

阿里云地图添加点线面相关推荐

  1. echarts结合阿里云地图json选择器展示地图

    效果: 1:引入echarts的官方JS:上手echarts文档 使用示例: 2:配套你的地图json用这个,但是只到区:阿里云地图json选择器 使用示例: 3:(1)推荐一个可以精确到镇街的地图选 ...

  2. 运用阿里云地图实现经纬度转换为省市县

    最近在写的一个项目需要进行一个经纬度转换为地理位置的工具类 然后写在博客里面提供给大家使用 /*** 经纬度转换地址json* @param lat 经度* @param log 纬度* @retur ...

  3. Android开发之百度地图(soso地图,搜狗地图,阿里云地图)转高德地图经纬度的方法

    //将百度地图经纬度转换为高德地图经纬度CoordinateConverter converter = new CoordinateConverter(this);// CoordType.BAIDU ...

  4. 【安信可NB-IoT模组EC系列AT指令应用笔记④】将设备位置接入阿里云地图,实现空间数据可视化

    一. 前言 安信可EC-01G模块内置了GPS定位芯片,可以将定位信息导入到云阿里平台,实现空间数据的可视化. 更多资料请见阿里云官方文档:https://help.aliyun.com/docume ...

  5. 阿里云日志添加要查询字段

    第一步:在API基控制器(base文件下)下面 $arr 就是我要接受的所有参数值,而 'msg_id'就是我以后要在阿里云日志中查询的字段,以此字段统计某些数据 $arr 是前台API接口传过来的数 ...

  6. 阿里云DMS添加ECS自建数据库

    昨天在阿里云买了台服务器,在数据管理添加数据库时居然一直失败,提交了工单,处理得超级慢(当然也能够理解,毕竟这么大的公司肯定有很多问题在等着解决),不过最后还是解决了.在此记录一下,希望帮到有希望的人 ...

  7. 给阿里云域名解析添加CAA记录,防止你的域名证书被劫持

    背景 据权威部门统计,全球约有上百个证书颁发机构(CA)有权发放HTTPS证书,以证明您网站的身份.但是证书颁发机构由于某些原因,往往会被浏览器列入"黑名单" ,并被公开宣布将不再 ...

  8. 关于阿里云已添加域名解析记录,证书申请显示未检测到DNS配置记录,请修改后重新发起审核的原因。

    1.环境: 域名 证书(可申请Symantec 免费版 SSL) 阿里云 2.错误问题: 错误问题:已添加域名解析记录,证书申请显示未检测到DNS配置记录. 错误效果图 3.错误原因: 到此链接查询域 ...

  9. 阿里云code添加开发人员并使用Git管理

    使用阿里云code和git可以添加开发人员来共同管理项目. 管理阿里云code和git的使用可以见前两篇: 使用阿里云code和git管理项目 多设备管理项目和Git的使用 在阿里云code的项目界面 ...

最新文章

  1. 从熵到交叉熵损失的直观通俗的解释
  2. 写在岁末 -- 程序员的人生并非那么容易,努力向前奔跑吧!
  3. css3中transform的用法
  4. Android github 快速实现多人协作
  5. 输入A、B,输出A+B
  6. (原创) 看电影 源代码 有感——量子力学的玄妙
  7. 965. 单值二叉树
  8. Android WebView注入js文件,判断当前HTML有没有某个js然后再注入
  9. javaweb各种乱码问题处理
  10. Linux权限中x是什么意思,linux里的drwxr-xr-x代表的意思
  11. Android 自定义锁屏(带页面切换)
  12. 陶哲轩是如何安排时间的
  13. telnet 和 ping的区别
  14. Vim编辑器的基本使用(二)末行模式中的命令
  15. 关于log4j:WARN No appenders could be found for logger (org.apache.hadoop.metrics2.li)的问题
  16. xxx.pth或者xxx.pt is a zip archive(did you mean to use torch.jit.load()?问题解决
  17. maven配置项目根路径_Maven 基本概念——根目录、项目创建、坐标
  18. Eclipse luna Subversive(SVN) 的安装
  19. 07 目标: 站在巨人肩膀,你的理想框架到底长什么样?
  20. 动力节点SpringBoot笔记整理

热门文章

  1. no match for call to ‘(std::__cxx11::string {aka std::__cxx11::basic_string
  2. bzoj[1835][ZJOI2010]base 基地选址
  3. mysql添加定时器
  4. JavaScript实现私有属性
  5. *** Procedure 存储过程 ***
  6. Tomcat学习总结(3)——Tomcat优化详细教程
  7. RecycleView 动画实现
  8. Linux的IPC机制(一):共享内存
  9. 初中信息技术说课python_第一单元 走进Python 编程世界
  10. linux命令速查手册_值得收藏!Linux系统常用命令速查手册