Just Playing

by Mike Gifford

HTML

<script src="http://fbug.googlecode.com/svn/lite/branches/flexBox/content/firebug-lite-dev.js"></script>
<script src="http://openconcept.ca/sites/openconcept.ca/files/openlayers/lib/OpenLayers.js"></script>
<link rel="stylesheet" href="http://openconcept.ca/sites/openconcept.ca/files/openlayers/OpenLayers.css">
<link rel="stylesheet" href="http://openconcept.ca/sites/openconcept.ca/files/openlayers/OpenLayers-default.css">
<script src="http://openconcept.ca/misc/jquery.once.js"></script>
<script src="http://openconcept.ca/misc/drupal.js"></script>
Just Playing

    <div id="map"></div>

JavaScript

(function ($) {

  var map;

    //Attach this new method to jQuery
    jQuery.fn.extend({
        //This is where you write your plugin's name
        myMap: function() {

    var map;
    var lon = -75.6981;
    var lat = 45.4112;
    var zoom = 5;

        OpenLayers.Lang.setCode('en');

        map = new OpenLayers.Map('map', {
            div: jQuery(this).attr('id'),
            controls: [
                new OpenLayers.Control.Navigation(),
                // new OpenLayers.Control.PanPanel(),
                // new OpenLayers.Control.ZoomPanel(),
                new OpenLayers.Control.LayerSwitcher(),
                new OpenLayers.Control.PanZoomBar(),
                new OpenLayers.Control.MousePosition()
                ],
            numZoomLevels: 6
        });

        var wms = new OpenLayers.Layer.WMS('OpenLayers WMS', 'http://vmap0.tiles.osgeo.org/wms/vmap0', {
            layers: 'basic'
        });
        map.addLayers([wms]);

        map.setCenter(new OpenLayers.LonLat(lon, lat), zoom);

        }
    });

jQuery('#map').myMap();

})(jQuery);