高德舆图 Javascript API 入门（二）
鼠标东西插件
丈量间隔
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.rule();
});预览
丈量面积
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.measureArea();
});预览
绘制点标注
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.marker();
});预览
绘制折线
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.polyline();
});预览
绘制多边形
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.polygon();
});预览
绘制矩形
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.rectangle();
});预览
绘制圆
JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.circle();
});预览
悉数功用
| 要领 | 返回值 | 申明 |
|---|---|---|
marker( options：MarkerOptions) | 开启鼠标画点标注形式。鼠标在舆图上单击绘制点标注，标注款式参考MarkerOptions设置 | |
polyline( options：PolylineOptions) | 开启鼠标画折线形式。鼠标在舆图上点击绘制折线，鼠标左键双击或右键单击完毕绘制，折线款式参考PolylineOptions设置 | |
polygon( options：PolygonOptions) | 开启鼠标画多边形形式。鼠标在舆图上单击最先绘制多边形，鼠标左键双击或右键单击完毕当前多边形的绘制，多边形款式参考PolygonOptions设置 | |
rectangle( options：PolygonOptions) | 开启鼠标画矩形形式。鼠标在舆图上拉框即可绘制响应的矩形。矩形款式参考PolygonOptions设置 | |
circle( options：CircleOptions) | 开启鼠标画圆形式。鼠标在舆图上拖动绘制响应的圆形。圆形款式参考CircleOptions设置 | |
rule( options：PolylineOptions) | 开启间隔量测形式。鼠标在舆图上单击绘制量测节点，并盘算显现两两节点之间的间隔，鼠标左键双击或右键单击完毕当前量测操纵。量测线款式参考 PolylineOptions 设置注：不能同时运用rule要领和RangTool插件举行间隔量测 | |
measureArea( options：PolygonOptions) | 开启面积量测形式。鼠标在舆图上单击绘制量测地区，鼠标左键双击或右键单击完毕当前量测操纵，并显现本次量测效果。量测面款式参考PolygonOptions设置 | |
rectZoomIn( options：PolygonOptions) | 开启鼠标拉框放大形式。鼠标可在舆图上拉框放大舆图。矩形框款式参考PolygonOptions设置 | |
rectZoomOut( options：PolygonOptions) | 开启鼠标拉框减少形式。鼠标可在舆图上拉框减少舆图。矩形框款式参考PolygonOptions设置 | |
close( Boolean) | 封闭当前鼠标操纵。参数arg设为true时，鼠标操纵封闭的同时消灭舆图上绘制的一切掩盖物对象；设为false时，保存所绘制的掩盖物对象。默以为false |
#### 自定义掩盖物款式（以折线为例 Polyline） JS
map.plugin(["AMap.MouseTool"],function () {
var mouseTool=new AMap.MouseTool(map);
mouseTool.polyline({
strokeColor:"#f50", // 线条色彩，十六进制
strokeOpacity:0.5, // 线条透明度
strokeWeight:10, // 线条宽度
strokeStyle:"dashed" // 线条款式 solid || dashed
});
});更多细致参数参考 http://lbs.amap.com/api/javascript-api/reference/overlay#PolylineOptions
预览
参考泉源：http://lbs.amap.com/
作者：Yangfan
