API中常见的用法就不说了,下面只描述API中没有例子的,不知道怎么使用的例子:
OpenLayers.String.format(template:String, context:Object, args:Array):String
OpenLayers.Number.limitSigDigs(num:Float, sig:int):Float
OpenLayers.Number.format(num:Float, dec:Integer, tsep:String, dsep:String):String
OpenLayers.Function.bind(func:Function, object:Object):Function
OpenLayers.Function.bindAsEventListener(func:Function, object:Object):Function
OpenLayers.Array.filter(array:Array, callback:Function, caller:Object):Array;
<html>
<head>
<title></title>
<script type="text/javascript" src="OpenLayers.js" ></script>
</head>
<body>
<!-- 以$符号的形式格式化字符串的符号,返回一个带有符号的字符串作为上下文的属性。
其实就是用后面数组中的值替换带有${}占位符的值, OpenLayers.String.format的参数有3个,第2个为可选 -->
<ul>
<li>
<input type="button" onclick="alert(OpenLayers.String.format('http://www.baidu.com?a=${0}&b=${1}&c=${2}', [1,2,3]))" value="OpenLayers.String.format"/>
</li>
</ul>
<ul>
<li>
<!-- 第二个参数只限制输出的Float型的数字个数,即不含小数点的个数 -->
<input type="button" onclick="alert(OpenLayers.Number.limitSigDigs(103.1564154984, 8))" value="OpenLayers.Number.limitSigDigs"/>
</li>
</ul>
<!-- OpenLayers.Number.format -->
<!-- 返回数字格式化后的字符串表达
第一个参数是一个浮点数;
第二个参数是0或者Null,为0,表示只保留整数部分,为Null,则输出含小数部分
第三个参数是千分位分隔符,看不懂的去看office
第四个参数是小数位的分隔符
-->
<ul>
<li>
<input type="button" onclick="alert(OpenLayers.Number.format(1010.032, 0, ',', '.'))" value="OpenLayers.Number.format"/>
</li>
<li>
<input type="button" onclick="alert(OpenLayers.Number.format(1010.032, null, ',', '.'))" value="OpenLayers.Number.format"/>
</li>
</ul>
</body>
</html>
这里额外说下:OpenLayers.Function.bind(func:Function, object:Object):Function和
OpenLayers.Function.bindAsEventListener(func:Function, object:Object):Function
单独使用跟jquery中的$(obj).bind(function(){});是有差别的哦。
要起作用还得使用事件类提供的方法(详细查看事件类的使用),如下:
<input type="button" id="bindId" value="测试结果" />
<script type="text/javascript">
function buttonDown(){
alert('测试绑定,按下按钮!');
}
var bid = document.getElementById("bindId");
OpenLayers.Event.observe(bid,"mousedown",OpenLayers.Function.bind(this.buttonDown,bid));
OpenLayers.Event.observe(bid,"mousedown",OpenLayers.Function.bindAsEventListener(this.buttonDown,bid));
</script>
过滤数组:
OpenLayers.Array.filter(["foo","1", "2"], function(item, index, array) {
alert(item);
});
分享到:
相关推荐
openlayers.js库及入门事例; OpenLayers是一个开源的js框架,用于在您的浏览器中实现地图浏览的效果和基本的zoom,pan等功能。OpenLayers支持的地图来源包括了WMS,GoogleMap,KaMap,MSVirtualEarth等等,您也可以...
OpenLayers.mobile.debug.js
OpenLayers.2.10.Beginners.Guide (英文版) 非常好的OpenLayers的入门及工具书,强烈推荐
Packt.OpenLayers.3.x.Cookbook.2nd.Edition.2016.3.pdf
OpenLayers.2.10.Beginners.Guide原书pdf和书中所有代码
OpenLayers.debug.js
Packt.OpenLayers.2.10.Beginner's.Guide英文pdf電子檔
关于openlayers开发的一个中文手册,供大家学习。
openLayers中文版api全翻译
openlayers.zip
第3章:走进Openlayers.rar
OpenLayers最新源码,包含v6.2.1和v6.2.1-dist。Github下载太慢,放到这里,需要的朋友可以下载。
openLayers-API中文版
作为实战中vue+openlayers+geoserver文章的资源文件
openlayers开发用到的js库.zip
Openlayers经典例子.doc,Openlayers经典例子.doc
Heatmap热图,可以非常直观的呈现一些原本不易理解或表达的数据,比如密度、频率、温度等,改用区域和颜色这种更容易被人理解的方式来呈现。热图实际上是三维可视化的...
OpenLayers 2.10 Beginner's Guide Create, optimize, and deploy stunning cross-browser web maps with the OpenLayers JavaScript web-mapping library Erik Hazzard 要有点英文阅读能力,不错的open...
openLayers-API中文版资源下载