OpenLayersExtLoader

OLEak behar dituen fitxategi guztiak kargatzeko klasea, OpenLayersExt klase hedatuak eta gainerako liburutegiak, besteak beste, OpenLayers, Prototype, Scriptaculous, eta Proj4js barne.

Nola sartu

Hasteko, openlayers-ext-loader.js fitxategia OLEa erabiliko duen html dokumentuan sartu beharko da. OLEa behar duen Javascript-aren sail guztiak kargatzeko fitxategi hau besterik ez duzu behar.

<script src="/<ole-base-path>/openlayers-ext/openlayers-ext-loader.js" type="text/javascript"></script>

Nola erabili

Behin openlayers-ext-loader.js fitxategia sartutakoan, OpenLayersExtLoader.load metodoa erabili daiteke, argudiotzat konfigurazioko parametroak dituen objektu bat emanaz.

// OLE fitxategiak Google eta Yahoo mapekin kargatu
OpenLayersExtLoader.load({
  "debug": true,
  "map-libs": {
    "google": { "version": "2", "key": "<google_api_key>" },
     "yahoo": { "version": "3.0", "key": "<yahoo_api_key>" }
  }
});

Klase metodoak

load

function( parameters ){}

OLEaren Javascript sail guztiak kargatzen ditu. Mapen liburutegiak (google, yahoo, microsoft...) Eskatzen direnean kargatzen dira map-libs parametroaren arabera.

load metodoak konfigurazioaren aukerazko parametroak dituen objektu bat du argumentu bakartzat.

Parametroak

Name	Type	Balio lehenetsia	Deskribapena
debug	boolean	""	Garapenaren aukerak eta trazak aktibatu Firebugean.
map-libs	object	null	Aukerazko objektua kargatzeko mapen liburutegiarekin.
config	object	null	Konfiguratzeko aukerak dituen objektua.

map-libs objektua

{
  "google":     { "version": "2",   "key": "<google_api_key>" },
  "yahoo":     { "version": "3.0", "key": "<yahoo_api_key>" },
  "microsoft": { "version": "6.1", "key": "<microsoft_api_key>" }
}

config objektua

{
  "whatishere": {
    "enabled": true,
    "urls": {
      //categories:   "/api/1.0/eu/what-is-here/categories.json",
      //search:       "/api/1.0/eu/what-is-here/search/mbr/xmin/:xmin/ymin/:ymin/xmax/:xmax/ymax/:ymax/categories/:categories.:format",
      //geometry:     "/api/1.0/eu/what-is-here/geometry/code/:code.:format",
      //query:        "/api/1.0/eu/what-is-here/query/code/:code.:format"
    }
  }
}

Ez itzazu zure giltzak ahaztu!

Erabiliko duzun map-lib bakoitzak, erabiliko duzun domeinu bakoitzarentzat baliagarria den API giltza bat beharko du. Giltzak (API Keys) lortzeko moduari buruz gehiago jakiteko, liburutegi bakoitzeko webgunean sartu eta bertako jarraibideak jarraitu beharra dago.

Google Maps API
Yahoo Maps API
Microsoft Maps API

Adibide osoa

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OLE - Basic Example</title>        
<script src="/<ole-base-path>/openlayers-ext/openlayers-ext-loader.js" type="text/javascript"></script>
<script type="text/javascript">
  //<![CDATA[
  OpenLayersExtLoader.load( {
    "debug": true,
    "map-libs": {
    "google": { "version": "2", "key": "<google_api_key>" },
     "yahoo": { "version": "3.0", "key": "<yahoo_api_key>" }
    }
  } );
  //]]>
</script>
<script type="text/javascript">
  //<![CDATA[
  Event.observe( window, "load", function() {
    window.b5map = new OpenLayersExt.Map( "mymap");
  });
  //]]>
</script>
</head>
<body>
<div id="mymap"></div>
</body>
</html>