var map, ov, iw, svc, marker;
function init() {
var myOptions = {
zoom: 4,
center: new google.maps.LatLng(40, -100),
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggableCursor: 'default'
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
loadMapService();
google.maps.event.addListener(map, 'click', function(e) {
doIdentify(e.latLng);
});
google.maps.event.addListener(map, 'zoom_changed', updateTOC);
google.maps.event.addListener(gmaps.ags.Util, 'jsonpstart', function() {
document.getElementById('working').style.visibility = 'visible';
});
google.maps.event.addListener(gmaps.ags.Util, 'jsonpend', function() {
document.getElementById('working').style.visibility = 'hidden';
});
}
function loadMapService() {
var el = document.getElementById('svc');
var s = el.options[el.selectedIndex].text;
var url = 'http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/' + s;
if (ov != null) {
if (ov instanceof gmaps.ags.MapOverlay) {
ov.setMap(null);
} else if (ov instanceof gmaps.ags.MapType) {
map.overlayMapTypes.removeAt(0);
}
ov = null;
}
svc = new gmaps.ags.MapService(url);
google.maps.event.addListener(svc, 'load', function() {
var bnds = svc.getInitialBounds();
if (bnds) {
if (bnds.getSouthWest().lng() > bnds.getNorthEast().lng()) {
map.setCenter(new google.maps.LatLng(40, -100));
map.setZoom(4);
} else if (!bnds.contains(map.getCenter())){
map.fitBounds(bnds);
}
}
var op = document.getElementById('op').value;
if (svc.singleFusedMapCache) {
ov = new gmaps.ags.MapType(svc, {
opacity: op
});
map.overlayMapTypes.insertAt(0, ov);
} else {
ov = new gmaps.ags.MapOverlay(svc, {
opacity: op
});
ov.setMap(map);
}
var svcInfo = 'This is a dynamic map svc. You can turn on/off individual layers using the check box.'
if (svc.singleFusedMapCache) {
svcInfo = 'This is a cached map svc. You can NOT turn on/off individual layers.'
}
document.getElementById('svcInfo').innerHTML = svcInfo;
document.getElementById('svcDesc').innerHTML = svc.description + ' Copyright:' + svc.copyrightText;
var clickOpts = ' ';
});
}
/**
* Create layer list.
*/
function updateTOC() {
if (ov && svc.hasLoaded()) {
var toc = '';
var scale = 591657527.591555 / (Math.pow(2, map.getZoom()));//591657527.591555 is the scale at level 0
var layers = svc.layers;
for (var i = 0; i < layers.length; i++) {
var layer = layers[i];
var inScale = layer.isInScale(scale);
toc += '
';
}
document.getElementById('toc').innerHTML = toc;
}
}
/**
* Check the visibility of layers and refresh map
*/
function setLayerVisibility() {
var layers = svc.layers;
for (var i = 0; i < layers.length; i++) {
var el = document.getElementById('layer' + layers[i].id);
if (el) {
layers[i].visible = (el.checked === true);
}
}
ov.refresh();
}
function onClickOptionChanged() {
if (marker != null) {
doIdentify(marker.getPosition());
}
}
function doIdentify(location) {
if (!location)
return;
if (iw) {
iw.close();
}
var layerOpt = document.getElementById('clickOpts').value;
if (ov && svc.hasLoaded()) {
var params = {
geometry: location,
layerOption: layerOpt || 'top',
tolerance: 5,
bounds: map.getBounds(),
width: map.getDiv().offsetWidth,
height: map.getDiv().offsetHeight,
returnGeometry: false
};
svc.identify(params, function(res, err) {
if (err) {
alert(err.message + '\n' + err.details.join('\n'));
} else if (res.results) {
processIdentifyResults(res, location);
}
});
}
}
function processIdentifyResults(res, ll) {
var html = '';
if (res.results) {
html += 'Total # of Results:' + res.results.length;
for (var i = 0, c = res.results.length; i < c; i++) {
var r = res.results[i];
if (i > 0) {
html += '';
}
html += '
Result #' + (i + 1) + ': ' + r.value + '
';
html += '
From layer: ' + r.layerName + '
';
html += '
';
var a = r.feature.attributes;
for (var x in a) {
if (a.hasOwnProperty(x)) {
html += '
';
html += '
' + x + '
';
var val = a[x];
val = (val === null || typeof val === 'undefined') ? '' : '' + val;
html += '
' + val + '
';
}
}
html += '
';
}
//document.getElementById('info').innerHTML = html;
if (!iw) {
iw = new google.maps.InfoWindow();
}
iw.setContent(html);
iw.setPosition(ll);
iw.open(map);
if (marker == null) {
marker = new google.maps.Marker({
position: ll,
map: map
});
} else {
marker.setPosition(ll);
}
}
}
function setOVOpacity(op){
if (ov) {
ov.setOpacity(op);
}
}
window.onload = init;
window['setLayerVisibility'] = setLayerVisibility;
window['loadMapService']= loadMapService;
window['setOVOpacity'] = setOVOpacity;
