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元素从父节点删除 |