hi all,<br><br>can someone help me solve this problem? my layer switcher and hover handler won't work, I don't know why.<br>Below is my code:<br><br><br><html xmlns="<a href="http://www.9media.co.nr">http://www.9media.co.nr</a>"><br>
<head><br> <title>Minahasa Utara</title><br> <link rel="stylesheet" href="<a href="http://localhost/openlayers/theme/default/style.css">http://localhost/openlayers/theme/default/style.css</a>" type="text/css" /><br>
<link rel="stylesheet" href="style.css" type="text/css" /><br> <style type="text/css"><br> #map {<br> width: 100%;<br> height: 100%;<br>
border: 1px solid black;<br> }<br> #controlToggle li {<br> list-style: none;<br> } <br> textarea.output {<br> text-align: left;<br>
font-size: 12em;<br> overflow: auto;<br> }<br> <br> </style> <br> <script src="<a href="http://localhost/openlayers/lib/Firebug/firebug.js">http://localhost/openlayers/lib/Firebug/firebug.js</a>"></script><br>
<script src="<a href="http://localhost/openlayers/lib/OpenLayers.js">http://localhost/openlayers/lib/OpenLayers.js</a>"></script><br> <script defer="defer" script type="text/javascript"><br>
<br>//Hover<br> OpenLayers.Control.Hover = OpenLayers.Class(OpenLayers.Control, { <br> defaultHandlerOptions: {<br> 'delay': 400,<br> 'pixelTolerance': null,<br>
'stopMove': false<br> },<br><br> initialize: function(options) {<br> this.handlerOptions = OpenLayers.Util.extend(<br> {}, this.defaultHandlerOptions<br>
);<br> OpenLayers.Control.prototype.initialize.apply(<br> this, arguments<br> ); <br> this.handler = new OpenLayers.Handler.Hover(<br>
this,<br> {'pause': this.onPause, 'move': this.onMove},<br> this.handlerOptions<br> );<br> }, <br><br>
onPause: function(evt) {<br> var output = document.getElementById(this.key + 'Output');<br> var msg = 'pause ' + evt.xy;<br> output.value = output.value + msg + "\r\n";<br>
},<br> }); <br><br>//Map <br> //var lon = 5;<br> //var lat = 5;<br> //var zoom = 5;<br> var map, controls, drawControls, layer_desa, layer_jalan, layer_atm, layer_bank, layer_polisi, layer_rs, layer_term, layer_uni, layer_ow, layer_htl;<br>
<br> function init(){<br> var options = {<br> projection: "EPSG:4326",<br> units: "m",<br> maxResolution: 156543.0339,<br> maxExtent: new OpenLayers.Bounds(659950, 140743,<br>
776058, 210476)<br> }; <br> <br> map = new OpenLayers.Map('map', options);<br> <br>
layer_desa = new OpenLayers.Layer.WMS( "Desa",<br> "<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br>
{layers: 'desa', <br> transparent: "false", format: "image/png"},<br> {singleTile: true},<br> {isBaseLayer: true});<br> <br> layer_jalan = new OpenLayers.Layer.WMS( "Jalan",<br>
"<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br> {layers: 'jalan', <br>
transparent: "true", format: "image/png"},<br> {singleTile: true}); <br> <br> layer_atm = new OpenLayers.Layer.WMS( "ATM",<br> "<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>", <br>
{layers: 'atm',<br> transparent: "true", format: "image/png"},<br> {singleTile: true});<br> <br> layer_bank = new OpenLayers.Layer.WMS( "Bank",<br>
"<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br> {layers: 'bank', <br>
transparent: "true", format: "image/png"},<br> {singleTile: true});<br> <br> layer_polisi = new OpenLayers.Layer.WMS( "Polisi",<br> "<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br>
{layers: 'polisi', <br> transparent: "true", format: "image/png"},<br> {singleTile: true});<br> <br> layer_rs = new OpenLayers.Layer.WMS( "Rumah Sakit",<br>
"<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br> {layers: 'rumah sakit', <br>
transparent: "true", format: "image/png"},<br> {singleTile: true});<br> <br> layer_term = new OpenLayers.Layer.WMS( "Terminal",<br> "<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br>
{layers: 'terminal', <br> transparent: "true", format: "image/png"},<br> {singleTile: true}); <br> <br> layer_uni = new OpenLayers.Layer.WMS( "Universitas",<br>
"<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br> {layers: 'universitas', <br>
transparent: "true", format: "image/png"},<br> {singleTile: true});<br> <br> layer_ow = new OpenLayers.Layer.WMS( "Objek Wisata",<br> "<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br>
{layers: 'objek wisata', <br> transparent: "true", format: "image/png"},<br> {singleTile: true});<br> <br> layer_htl = new OpenLayers.Layer.WMS( "Hotel",<br>
"<a href="http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map">http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/Skripsi/coba.map</a>",<br> {layers: 'hotel', <br>
transparent: "true", format: "image/png"},<br> {singleTile: true}); <br> <br> map.addLayer(layer_desa); <br> map.addLayer(layer_jalan);<br>
map.addLayer(layer_atm);<br> map.addLayer(layer_bank);<br> map.addLayer(layer_polisi);<br> map.addLayer(layer_rs);<br> map.addLayer(layer_term);<br> map.addLayer(layer_uni);<br>
map.addLayer(layer_ow);<br> map.addLayer(layer_htl);<br> <br> controls = {<br> 'short': new OpenLayers.Control.Hover({<br> handlerOptions: {<br>
'delay': 100<br> }<br> }),<br> };<br> var props = document.getElementById("props");<br> var control;<br>
for(var key in controls) {<br> control = controls[key];<br> control.key = key;<br> map.addControl(control);<br> }<br>// map controls <br>
map.addControl(new OpenLayers.Control.MousePosition());<br> map.addControl(new OpenLayers.Control.LayerSwitcher());<br> map.addControl(new OpenLayers.Control.ScaleLine());<br> map.addControl(new OpenLayers.Control.PanZoomBar());<br>
map.setCenter(new OpenLayers.LonLat(0, 0), 0);<br> map.zoomToMaxExtent(); <br>//get layer details on click<br> map.events.register('click', map, function (e) {<br> OpenLayers.Util.getElement('nodeList').innerHTML = "Detail: Loading...";<br>
var url = layer_desa.getFullRequestString({<br> REQUEST: "GetFeatureInfo",<br> EXCEPTIONS: "application/vnd.ogc.se_xml",<br> BBOX: layer_desa.map.getExtent().toBBOX(),<br>
X: e.xy.x,<br> Y: e.xy.y,<br> INFO_FORMAT: 'text/html',<br> QUERY_LAYERS: layer_desa.params.LAYERS,<br> WIDTH: layer_desa.map.size.w,<br>
HEIGHT: layer_desa.map.size.h});<br> OpenLayers.loadURL(url, '', this, setHTML);<br> OpenLayers.Event.stop(e);<br> });<br><br> drawControls = {<br>
selecthover: new OpenLayers.Control.SelectFeature(<br> layer_desa,<br> {<br> multiple: false, hover: true,<br> toggleKey: "ctrlKey", <br>
multipleKey: "shiftKey" <br> }<br> )<br> };<br> <br> }<br> function toggle(key) {<br> var control = controls[key];<br>
if(control.active) {<br> control.deactivate();<br> } else {<br> control.activate();<br> }<br> var status = document.getElementById(key + "Status");<br>
status.innerHTML = control.active ? "on" : "off";<br> var output = document.getElementById(key + "Output");<br> output.value = "on";<br>
} <br> function setHTML(response) {<br> OpenLayers.Util.getElement('nodeList').innerHTML = response.responseText;<br> } <br> <br> </script><br> </head><br>
<body onload="init()"><br> <div id="map" class="smallmap"></div> <br> <div id="nodeList">Detail: </div><br> </body><br></html><br>
<br>