高德地图 JS API—其他辅助函数

高德地图 JS API—其他辅助函数

AMap.Util

常用库函数集合,包含颜色格式转换、数组操作、requestAnimationFrame 动画函数调用等。

其中颜色格式转换函数函数如下:JavaScript

var colorStr = 'red';
var colorHex = 'ff0000';       // #RRGGBB
var colorRGBAHex = 'ffff0000'; // #AARRGGBB
  
var colorOut = AMap.Util.colorNameToHex(colorStr);    // #ff0000
var colorOut2 = AMap.Util.rgbHex2Rgba(colorHex);      // rgba(255, 0, 0, 1.00);
var colorOut3 = AMap.Util.argbHex2Rgba(colorRGBAHex); // rgba(255, 0, 0, 1.00)

AMap.Util库

函数返回值说明
colorNameToHex(colorName:String)#FFFFFF的颜色值将颜色名转换为16进制RGB颜色值
rgbHex2Rgba(hex:String)
将16进制RGB转为rgba(R,G,B,A)
argbHex2Rgba(hex:String)
将16进制RGBA转为rgba(R,G,B,A)
isEmpty(Object)
判断一个对象是都为空
deleteItemFromArray(array, item) 
从数组删除元素
deleteItemFromArrayByIndex(array, index) 
按索引删除数组元素
indexOf(array, item) 
返回元素索引
format(float,digits) 
保留小数点后digits位
isArray(Object) 
判断是否数组
isDOM(Object) 
判断参数是否为DOM元素
includes(array, item) 
判断数组是否包含某个元素
requestIdleCallback(function)Number同原生requestIdleCallback
cancelIdleCallback(id)
同原生cancelIdleCallback
requestAnimFrame(function)Number同原生requestAnimationFrame
cancelAnimFrame(id)
同原生cancelAnimationFrame

AMap.DomUtil

操作 DOM 相关的库函数集合 AMap.domUtil

其中以获取DOM元素大小的接口 AMap.DomUtil.getViewport 为例:JavaScript

var body = AMap.DomUtil.getViewport(document.body);
var width = body.width;
var height = body.height;

AMap.DomUtil库

函数返回值说明
getViewport(DOM)AMap.Size获取DOM元素的大小
getViewportOffset(DOM)AMap.Pixel获取DOM元素距离窗口左上角的距离
create(tagName,parentNode,className)
在parentNode内部创建一个className类名的tagName元素
setClass(DOM,className)
给DOM元素设置为className样式
hasClass(DOM,className)
DOM元素是否包含className
addClass(DOM,className)
给DOM元素添加一个className
removeClass(DOM,className)
给DOM元素删除一个className
setCss(DOM,Object)
给DOM元素删除一组样式,Object同样式表
setOpacity(DOM,opacity:Number)
给DOM元素设定一个透明度
rotate(DOM,rotation:Number,center:Pixel)
给DOM元素旋转一个角度,以center为中心,center以元素左上角为坐标原点
empty(DOM)
清空DOM元素
remove()
将DOM元素从父节点删除
0 0 投票数
文章评分
订阅评论
提醒
0 评论
内联反馈
查看所有评论
0
希望看到您的想法,请您发表评论x