测距工具

测距工具是以搜狗地图 API为基础开发的组件,主要用于在搜狗地图上测量距离。用户可自定义节点样式,线的样式以及鼠标样式等。

引用类库

由于组件是基于搜狗地图 API开发,使用前要先引用搜狗地图 API,再引用组件文件,如下:

<script src="//api.go2map.com/maps/js/api_v2.5.1.js" type="text/javascript"></script>
<script src="//api.go2map.com/maps/js/component/ruler.js" type="text/javascript"></script>

其中组件文件为源文件,保留了编写时的格式以及注释,用户可根据自己需要下载,修改。

如有意见,可登录社区进行交流。

应用示例

在页面应用组件,就可简单的实现测距功能,具体应用可查看示例页面源文件。

应用示例页面:点我

Ruler类

构造方法

构造函数 说明
Ruler(opt:RulerOptions) 在地图上创建一个测距工具,通过鼠标点击和移动完成测量。

方法

方法 返回值 说明
open() None 打开测距工具,通过单击确定节点,双击结束。
close() None 关闭测距工具,在地图上点击鼠标右键有同样效果。

RulerOptions对象

属性 类型 说明
map Map 必填项。表示测距工具所依赖地图。
lstyle PolylineOptions 可选项。设置线的样式。
pstyle MarkerImage 可选项。设置节点样式。
cursor String 可选项。设置鼠标样式URL。