HordeMap 3
horde.cfg|
Table of Contents
|
HordeMap
Provides a javascript api for interacting with ajax "slippy" maps.
Bugs
http://bugs.horde.org/ticket/9111
People
Description
Abstraction for in-line map support. Horde ships with a driver for OpenLayers which provides support for Google, Yahoo, Bing, and OpenStreetMaps out of the box. Other mapping providers can be added by either adding the support the existing OpenLayers driver or by writing a new custom map driver.
Building OpenLayers for Horde
Due to the extremely large "single file build" file that is provided by OpenLayers, we build a custom version of the file, and split out other parts of it into our own classes. This takes the size of the file from somewhere around 3MB to slightly less the 1MB uncompressed (around 280k compressed). This section is meant as an overview of how to build this Horde specific file.
- Download the full OL distribution
- While not necessary, I usually edit the lib/OpenLayers.js file before I run the build to remove all code to check if we are in a single file build or not. This is not necessary since we know we are always a single file build, and it shaves a good bit of code off.
- Create a custom build cfg file. The file used to build the current file distributed in Horde is attached.
- Build the file by executing the build.py file in the openlayers build directory. Copy the resulting OpenLayers.js file to the hordemap directory.
- Next we deal with the commercial mapping layers. Take the *full* contents of the OpenLayers/Layer/{mapprovider}.js files that you want to support, and add append it to the hordemap/{mapprovider}.js file, replacing the existing openlayer code already in that file. For example - take the contents of OpenLayers/Layer/Google.js and append it to the end of hordemap/google.js being sure to replace the exising openlayer code. This is all the code outside of the HordeMap.Google and HordeMap.Geocoder.Google classes.
- Language files. This is probably the section with the most work. Since openlayers does not maintain any consistency in the style of locale naming, we have to edit almost every language file. !Openlayers sometimes names locales like EN_US, and sometimes like EN-US and sometimes just like EN. First, copy all the language files (except the en.js file - that should be built in the openlayers.js file) to the hordemap/lang directory. They should *all* be named in the de_DE.js format. Next, you have to open each file and rename the key into the Lang array to match the filename.
How to use
<?php
/**
* Example script for producing a HordeMap
*
* @author Michael J Rubinsky
*/
// Init Horde
define('HORDE_BASE', '/private/var/www/html/horde');
require_once HORDE_BASE . '/lib/core.php';
Horde_Registry::appInit(
'horde',
array(
'authentication' => 'none',
'session_control' => 'none'));
// Hordemap parameters. Driver will always be "Horde" unless you are working
// with a custom developed map driver.
// providers is an array of available mapping layers.
// geocoder is the desired geocoder to use, pass Null to use default null geocoder.
// Typically these would come from the application's global
// configuration array ($conf)
$params = array(
'driver' => 'Horde',
'providers' => array('Yahoo', 'Google', 'Public', 'Mytopo'),
'geocoder' => 'Google'
);
$providerJson = json_encode($params['providers']);
// Setup translations
$language = str_replace('_', '-', $GLOBALS['language']);
$language = $GLOBALS['language'];
if (!file_exists($GLOBALS['registry']->get('jsfs', 'horde') . '/map/' . $language . '.js')) {
$language = 'en-US';
}
// Additional configurations.
$params['conf'] = array(
// If using a marker image
'markerImage' => (string)Horde_Themes::img('map/marker.png'),
'markerBackgroun$d' => (string)Horde_Themes::img('map/marker-shadow.png'),
'useMarkerLayer' => true,
// Use this language for translations if available.
'language' => $language,
);
// API keys for those layers that require them.
foreach ($params['providers'] as $layer) {
switch ($layer) {
case 'Google':
// No longer required for v3.
//$params['conf']['apikeys']['google'] = $GLOBALS['conf']['api']['googlemaps'];
break;
case 'Yahoo':
$params['conf']['apikeys']['yahoo'] = $GLOBALS['conf']['api']['yahoomaps'];
break;
case 'Cloudmade':
$params['conf']['apikeys']['cloudmade'] = $GLOBALS['conf']['api']['cloudmade'];
break;
case 'Mytopo':
$params['conf']['apikeys']['mytopo'] = $GLOBALS['conf']['api']['mytopo'];
break;
}
}
// Geocoding
if (!empty($params['geocoder'])) {
switch ($params['geocoder']) {
case 'Google':
//$params['conf']['apikeys']['google'] = $GLOBALS['conf']['api']['googlemaps'];
break;
case 'Yahoo':
$params['conf']['apikeys']['yahoo'] = $GLOBALS['conf']['api']['yahoomaps'];
break;
case 'Cloudmade':
$params['conf']['apikeys']['cloudmade'] = $GLOBALS['conf']['api']['cloudmade'];
break;
}
}
// Include the Hordemap bootstrap file, and initialize the Hordemap.
$params['jsuri'] = $GLOBALS['registry']->get('jsuri', 'horde') . '/map/';
Horde::addScriptFile('map/map.js', 'horde');
$js = 'HordeMap.initialize(' . Horde_Serialize::serialize($params, HORDE_SERIALIZE::JSON) . ');';
Horde::addinlineScript($js);
// Start output
require HORDE_BASE . '/templates/common-header.inc';
?>
<script type="text/javascript">
// Basic initialization code to run on dom:loaded to init and display the map
document.observe("dom:loaded", function() {
// These are the same as configured above
var providers = <?php echo $providerJson ?>;//['Google', 'Yahoo', 'Public'];
layers = [];
providers.each(function(l) {
var p = new HordeMap[l]();
$H(p.getLayers()).values().each(function(e) {layers.push(e);});
});
map = new HordeMap.Map['Horde']({
elt: $('mapdiv'),
//delayed:true,
layers: layers,
markerDragEnd: function(r) {alert('markerdragend');},
mapClick: function(r) {alert('mapclick')}
});
//map.display();
});
</script>
<h2>HordeMap Example</h2>
<div id="mapdiv" style="height:300px;width:700px;"></div>Resources
Back to the Project List