`
redsky008
  • 浏览: 351685 次
  • 性别: Icon_minigender_1
  • 来自: 成都正在项目
社区版块
存档分类
最新评论

OpenLayers.BaseType基本类型例子(API中没有举例的)

 
阅读更多
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_api

    - 创建点、线、面:`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.zip"文件包含了OpenLayers中文版的API文档,为开发者提供了详细且易懂的指南,帮助他们更好地理解和使用这个库。接下来,我们将深入探讨OpenLayers的主要组件和功能。 1. **Control**...

    OpenLayers.mobile.debug.js

    OpenLayers.mobile.debug.js

    openLayers-中文版API.zip

    "OpenLayer中文API" 是OpenLayers官方英文文档的一个中文版本,虽然可能翻译不完整,但涵盖了基本的操作和关键参数,对于初学者来说是很好的学习资源。以下是其中的一些核心知识点: 1. **初始化Map对象**:...

    openlayersAPI研究文档

    OpenLayers.Control.LayerSwitcher = OpenLayers.Class(OpenLayers.Control, {}) ``` 这里 LayerSwitcher 类继承自 Control 类,第二个参数是一个对象,包含新增加的属性和方法。 OpenLayers.Class() 方法还可以...

    OpenLayers.zip

    在提供的压缩包“OpenLayers.zip”中,有两个主要的子文件:v6.2.1.zip和v6.2.1-dist.zip。这表明我们获取的是OpenLayers库的两个不同版本。其中,v6.2.1.zip通常包含完整的源代码,这对于开发者来说非常重要,因为...

    OpenLayers.debug.js

    OpenLayers.debug.js

    openlayers中文.rar

    通过阅读这份中文手册,开发者不仅可以了解OpenLayers的基本概念,还能学习如何在实际项目中应用OpenLayers,从而构建出功能丰富的地图应用。不断实践和研究,将使你成为OpenLayers的熟练使用者。

    openLayers-API中文版.zip

    学习OpenLayers API,你需要理解基本的地图概念,如投影、坐标系统和图层管理。然后,你可以通过阅读API文档来了解如何创建地图对象、添加图层、处理地图事件、以及与其他Web服务集成。通过实践示例代码,你将掌握...

    vue整合openlayers.zip

    在“vue整合openlayers.zip”中,我们可以预期包含的资源将指导我们如何在Vue项目中集成OpenLayers,并通过GeoServer获取和展示地理信息数据。下面,我们将深入探讨这三个技术的整合以及可能涉及的知识点: 1. **...

    Packt.OpenLayers.3.x.Cookbook.2nd.Edition.2016.3.pdf

    - **基本组件介绍**:解释了OpenLayers中的核心组件,如图层、控制和视图等,并通过实例展示了它们的应用方式。 ##### 3. 高级主题 - **自定义样式**:教授如何使用CSS和SVG来自定义地图元素的外观。 - **数据处理...

    OpenLayers中文API

    - `OpenLayers.Layer`是所有图层类的基类,你可以创建不同类型的图层,如WMS、TileImage、Vector等,来显示不同类型的地图数据。 - 图层可以通过`addLayer()`方法添加到地图上,`removeLayer()`方法移除。 3. **...

    Openlayers经典例子.doc

    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(...

    openLayers-API中文

    常见的图层类型有瓦片图层(TileLayer)、瓦片图层组(TileGroup)、图像图层(ImageLayer)等,通过`OpenLayers.Layer`基类及其子类创建。 3. **投影(Projection)**:地图投影是将地球表面转换为平面的方法。...

    OpenLayers.2.10.Beginners.Guide (英文版)

    《OpenLayers 2.10 Beginners Guide》是一本专为初学者设计的开源地图库OpenLayers的指南。这本书深入浅出地介绍了如何使用OpenLayers这一强大的JavaScript库来创建交互式的Web地图应用。OpenLayers是一个流行的...

    openlayers开发用到的js库.zip

    在OpenLayers中,你可以将Base64编码的图像数据直接用于图层源,例如,创建一个图片图层: ```javascript var imageSource = new ol.source.ImageStatic({ url: 'data:image/png;base64,...', // Base64编码的图片...

    openlayers api

    4. 创建图层:例如,创建一个WMS图层`new OpenLayers.Layer.WMS(name, url, params, options)`,参数分别表示图层名、服务URL、请求参数和图层选项。 5. 创建控制:如创建缩放控件`new OpenLayers.Control.Zoom()`...

Global site tag (gtag.js) - Google Analytics