自定义覆盖物

自定义覆盖物是以搜狗地图 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/textIcon.js" type="text/javascript"></script>

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

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

应用示例

在页面应用组件,设置相应参数,就可生成覆盖物,具体应用可查看示例页面源文件。

应用示例页面:点我

还可自定义图标:高级示例

TextIcon类

构造方法

构造函数 说明
TextIcon(opt:IconOptions) 在地图上创建一个自定义图标并且含有文本的覆盖物。

方法

方法 返回值 说明
setMap(map:Map) None 设置地图。
setText(text:String|Number) None 设置覆盖物中的包含的文本。
setPosition(position:Point) None 设置图标在地图上的位置,采用搜狗坐标点。
setIconstyles(iconstyles:Array[Istyle]) None 打开测距工具,通过单击确定节点,双击结束。
getMap() Map 返回覆盖物所在地图。
getText() String 返回覆盖物包含文本。
getPosition() Point 获取覆盖物坐标点。
getIconstyles() Array 获取覆盖物样式类型。
remove() None 删除图标,删除后将不能再操作该图标。

IconOptions对象

属性 类型 说明
map Map 必填项。表示覆盖物所在地图。
positon Point 必填项。设置图标位置。
text String|Number 必填项。设置图标文本。
iconstyles Array[Istyle] 可选项。设置鼠标样式。

Istyle

属性 类型 说明
url String 必填项。图标地址。
size Size 可选项。图层大小。
anchor Size 可选项。图标大小。
offset Size 可选项。图标相对于图层的位置。
textColor String 可选项。文字颜色。默认白色。
textSize Number 可选项。文字大小。默认12号