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);
});
分享到:
相关推荐
- 创建点、线、面:`new OpenLayers.Geometry.Point()`, `new OpenLayers.Geometry.LineString()`, `new OpenLayers.Geometry.Polygon()` - 创建Feature:`var feature = new OpenLayers.Feature.Vector(geometry,...
这个"openlayers中文api.zip"文件包含了OpenLayers中文版的API文档,为开发者提供了详细且易懂的指南,帮助他们更好地理解和使用这个库。接下来,我们将深入探讨OpenLayers的主要组件和功能。 1. **Control**...
OpenLayers.mobile.debug.js
"OpenLayer中文API" 是OpenLayers官方英文文档的一个中文版本,虽然可能翻译不完整,但涵盖了基本的操作和关键参数,对于初学者来说是很好的学习资源。以下是其中的一些核心知识点: 1. **初始化Map对象**:...
OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {}) ``` 这里 LayerSwitcher 类继承自 Control 类,第二个参数是一个对象,包含新增加的属性和方法。 OpenLayers.Class() 方法还可以...
在提供的压缩包“OpenLayers.zip”中,有两个主要的子文件:v6.2.1.zip和v6.2.1-dist.zip。这表明我们获取的是OpenLayers库的两个不同版本。其中,v6.2.1.zip通常包含完整的源代码,这对于开发者来说非常重要,因为...
OpenLayers.debug.js
通过阅读这份中文手册,开发者不仅可以了解OpenLayers的基本概念,还能学习如何在实际项目中应用OpenLayers,从而构建出功能丰富的地图应用。不断实践和研究,将使你成为OpenLayers的熟练使用者。
学习OpenLayers API,你需要理解基本的地图概念,如投影、坐标系统和图层管理。然后,你可以通过阅读API文档来了解如何创建地图对象、添加图层、处理地图事件、以及与其他Web服务集成。通过实践示例代码,你将掌握...
在“vue整合openlayers.zip”中,我们可以预期包含的资源将指导我们如何在Vue项目中集成OpenLayers,并通过GeoServer获取和展示地理信息数据。下面,我们将深入探讨这三个技术的整合以及可能涉及的知识点: 1. **...
- **基本组件介绍**:解释了OpenLayers中的核心组件,如图层、控制和视图等,并通过实例展示了它们的应用方式。 ##### 3. 高级主题 - **自定义样式**:教授如何使用CSS和SVG来自定义地图元素的外观。 - **数据处理...
- `OpenLayers.Layer`是所有图层类的基类,你可以创建不同类型的图层,如WMS、TileImage、Vector等,来显示不同类型的地图数据。 - 图层可以通过`addLayer()`方法添加到地图上,`removeLayer()`方法移除。 3. **...
var baseLayer = new OpenLayers.Layer.OSM("OpenStreetMap"); var overlayLayer = new OpenLayers.Layer.WMS("WMS Layer", "http://localhost:8080/geoserver/wms", {layers: 'topp:states'}); map.addLayers(...
常见的图层类型有瓦片图层(TileLayer)、瓦片图层组(TileGroup)、图像图层(ImageLayer)等,通过`OpenLayers.Layer`基类及其子类创建。 3. **投影(Projection)**:地图投影是将地球表面转换为平面的方法。...
《OpenLayers 2.10 Beginners Guide》是一本专为初学者设计的开源地图库OpenLayers的指南。这本书深入浅出地介绍了如何使用OpenLayers这一强大的JavaScript库来创建交互式的Web地图应用。OpenLayers是一个流行的...
在OpenLayers中,你可以将Base64编码的图像数据直接用于图层源,例如,创建一个图片图层: ```javascript var imageSource = new ol.source.ImageStatic({ url: 'data:image/png;base64,...', // Base64编码的图片...
4. 创建图层:例如,创建一个WMS图层`new OpenLayers.Layer.WMS(name, url, params, options)`,参数分别表示图层名、服务URL、请求参数和图层选项。 5. 创建控制:如创建缩放控件`new OpenLayers.Control.Zoom()`...