<script type="text/javascript">
//<![CDATA[
// debugger;
if (GBrowserIsCompatible()) {
// this variable will collect the html which will eventually be
placed in the side_bar
var side_bar_html = "";
// arrays to hold copies of the markers and html used by the
side_bar
// because the function closure trick doesnt work there
var gmarkers = [];
var lastlinkid;
var i = 0;
var j = 0;
//variables for polygons
var polys = [];
var blabels = [];
<!--Insert Custom Icon code-->
// icons
// M logo icon
var mIcon = new GIcon();
mIcon.image = "images/m_marker.png";
mIcon.shadow = "images/m_marker_shadow.png";
mIcon.iconSize = new GSize(20, 34);
mIcon.shadowSize = new GSize(50, 34);
mIcon.iconAnchor = new GPoint(9, 34);
mIcon.infoWindowAnchor = new GPoint(9, 2);
mIcon.infoShadowAnchor = new GPoint(18, 25);
// mIcon.transparent = "mages/m_marker.png";
// mIcon.printImage = "images/m_marker.png";
mIcon.mozPrintImage = "images/m_marker.png";
// Parking icon a
var parkingIcon_a = new GIcon();
parkingIcon_a.image = "images/parking_marker_a.png";
parkingIcon_a.shadow = "images/m_marker_shadow.png";
parkingIcon_a.iconSize = new GSize(22, 43);
parkingIcon_a.shadowSize = new GSize(50, 43);
parkingIcon_a.iconAnchor = new GPoint(9, 34);
parkingIcon_a.infoWindowAnchor = new GPoint(9, 2);
parkingIcon_a.infoShadowAnchor = new GPoint(18, 25);
// parkingIcon_a.transparent = "images/parking_marker_a.png";
//parkingIcon_a.printImage = "images/parking_marker_a.png";
parkingIcon_a.mozPrintImage = "images/parking_marker_a.png";
// Parking icon b
var parkingIcon_b = new GIcon();
parkingIcon_b.image = "images/parking_marker_b.png";
parkingIcon_b.shadow = "images/m_marker_shadow.png";
parkingIcon_b.iconSize = new GSize(22, 43);
parkingIcon_b.shadowSize = new GSize(50, 43);
parkingIcon_b.iconAnchor = new GPoint(9, 34);
parkingIcon_b.infoWindowAnchor = new GPoint(9, 2);
parkingIcon_b.infoShadowAnchor = new GPoint(18, 25);
// parkingIcon_b.transparent = "images/parking_marker_b.png";
// parkingIcon_b.printImage = "images/parking_marker_b.png";
parkingIcon_b.mozPrintImage = "images/parking_marker_b.png";
// Parking icon c
var parkingIcon_c = new GIcon();
parkingIcon_c.image = "images/parking_marker_c.png";
parkingIcon_c.shadow = "images/m_marker_shadow.png";
parkingIcon_c.iconSize = new GSize(22, 43);
parkingIcon_c.shadowSize = new GSize(50, 43);
parkingIcon_c.iconAnchor = new GPoint(9, 34);
parkingIcon_c.infoWindowAnchor = new GPoint(9, 2);
parkingIcon_c.infoShadowAnchor = new GPoint(18, 25);
// parkingIcon_c.transparent = "images/parking_marker_c.png";
// parkingIcon_c.printImage = "images/parking_marker_c.png";
parkingIcon_c.mozPrintImage = "images/parking_marker_c.png";
// Parking icon d
var parkingIcon_d = new GIcon();
parkingIcon_d.image = "images/parking_marker_d.png";
parkingIcon_d.shadow = "images/m_marker_shadow.png";
parkingIcon_d.iconSize = new GSize(22, 43);
parkingIcon_d.shadowSize = new GSize(50, 43);
parkingIcon_d.iconAnchor = new GPoint(9, 34);
parkingIcon_d.infoWindowAnchor = new GPoint(9, 2);
parkingIcon_d.infoShadowAnchor = new GPoint(18, 25);
// parkingIcon_d.transparent = "images/parking_marker_d.png";
// parkingIcon_d.printImage = "images/parking_marker_d.png";
parkingIcon_d.mozPrintImage = "images/parking_marker_d.png";
// Parking icon e
var parkingIcon_e = new GIcon();
parkingIcon_e.image = "images/parking_marker_e.png";
parkingIcon_e.shadow = "images/m_marker_shadow.png";
parkingIcon_e.iconSize = new GSize(22, 43);
parkingIcon_e.shadowSize = new GSize(50, 43);
parkingIcon_e.iconAnchor = new GPoint(9, 34);
parkingIcon_e.infoWindowAnchor = new GPoint(9, 2);
parkingIcon_e.infoShadowAnchor = new GPoint(18, 25);
// parkingIcon_e.transparent = "images/parking_marker_e.png";
// parkingIcon_e.printImage = "images/parking_marker_e.png";
parkingIcon_e.mozPrintImage = "images/parking_marker_e.png";
// M logo icon 1
var m1Icon = new GIcon();
m1Icon.image = "images/m_marker1.png";
m1Icon.shadow = "images/m_marker_shadow.png";
m1Icon.iconSize = new GSize(22, 34);
m1Icon.shadowSize = new GSize(50, 34);
m1Icon.iconAnchor = new GPoint(9, 34);
m1Icon.infoWindowAnchor = new GPoint(9, 2);
m1Icon.infoShadowAnchor = new GPoint(18, 25);
// m1Icon.transparent = "images/m_marker1.png";
// m1Icon.printImage = "images/m_marker1.png";
m1Icon.mozPrintImage = "images/m_marker1.png";
// M logo icon 2
var m2Icon = new GIcon();
m2Icon.image = "images/m_marker2.png";
m2Icon.shadow = "images/m_marker_shadow.png";
m2Icon.iconSize = new GSize(22, 34);
m2Icon.shadowSize = new GSize(50, 34);
m2Icon.iconAnchor = new GPoint(9, 34);
m2Icon.infoWindowAnchor = new GPoint(9, 2);
m2Icon.infoShadowAnchor = new GPoint(18, 25);
//m2Icon.transparent = "images/m_marker2.png";
// m2Icon.printImage = "images/m_marker2.png";
m2Icon.mozPrintImage = "images/m_marker2.png";
// M logo icon 3
var m3Icon = new GIcon();
m3Icon.image = "images/m_marker3.png";
m3Icon.shadow = "images/m_marker_shadow.png";
m3Icon.iconSize = new GSize(22, 34);
m3Icon.shadowSize = new GSize(50, 34);
m3Icon.iconAnchor = new GPoint(9, 34);
m3Icon.infoWindowAnchor = new GPoint(9, 2);
m3Icon.infoShadowAnchor = new GPoint(18, 25);
//m3Icon.transparent = "images/m_marker3.png";
//m3Icon.printImage = "images/m_marker3.png";
m3Icon.mozPrintImage = "images/m_marker3.png";
// M logo icon 4
var m4Icon = new GIcon();
m4Icon.image = "images/m_marker4.png";
m4Icon.shadow = "images/m_marker_shadow.png";
m4Icon.iconSize = new GSize(22, 34);
m4Icon.shadowSize = new GSize(50, 34);
m4Icon.iconAnchor = new GPoint(9, 34);
m4Icon.infoWindowAnchor = new GPoint(9, 2);
m4Icon.infoShadowAnchor = new GPoint(18, 25);
// m4Icon.transparent = "images/m_marker4.png";
// m4Icon.printImage = "images/m_marker4.png";
m4Icon.mozPrintImage = "images/m_marker4.png";
// M logo icon 5
var m5Icon = new GIcon();
m5Icon.image = "images/m_marker5.png";
m5Icon.shadow = "images/m_marker_shadow.png";
m5Icon.iconSize = new GSize(22, 34);
m5Icon.shadowSize = new GSize(50, 34);
m5Icon.iconAnchor = new GPoint(9, 34);
m5Icon.infoWindowAnchor = new GPoint(9, 2);
m5Icon.infoShadowAnchor = new GPoint(18, 25);
// m5Icon.transparent = "images/m_marker5.png";
// m5Icon.printImage = "images/m_marker5.png";
m5Icon.mozPrintImage = "images/m_marker5.png";
// M logo icon 6
var m6Icon = new GIcon();
m6Icon.image = "images/m_marker6.png";
m6Icon.shadow = "images/m_marker_shadow.png";
m6Icon.iconSize = new GSize(22, 34);
m6Icon.shadowSize = new GSize(50, 34);
m6Icon.iconAnchor = new GPoint(9, 34);
m6Icon.infoWindowAnchor = new GPoint(9, 2);
m6Icon.infoShadowAnchor = new GPoint(18, 25);
// m6Icon.transparent = "mages/m_marker6.png";
// m6Icon.printImage = "images/m_marker6.png";
m6Icon.mozPrintImage = "images/m_marker6.png";
// M logo icon 7
var m7Icon = new GIcon();
m7Icon.image = "images/m_marker7.png";
m7Icon.shadow = "images/m_marker_shadow.png";
m7Icon.iconSize = new GSize(22, 34);
m7Icon.shadowSize = new GSize(50, 34);
m7Icon.iconAnchor = new GPoint(9, 34);
m7Icon.infoWindowAnchor = new GPoint(9, 2);
m7Icon.infoShadowAnchor = new GPoint(18, 25);
// m7Icon.transparent = "images/m_marker7.png";
// m7Icon.printImage = "images/m_marker7.png";
m7Icon.mozPrintImage = "images/m_marker7.png";
// M logo icon 8
var m8Icon = new GIcon();
m8Icon.image = "images/m_marker8.png";
m8Icon.shadow = "images/m_marker_shadow.png";
m8Icon.iconSize = new GSize(22, 34);
m8Icon.shadowSize = new GSize(50, 34);
m8Icon.iconAnchor = new GPoint(9, 34);
m8Icon.infoWindowAnchor = new GPoint(9, 2);
m8Icon.infoShadowAnchor = new GPoint(18, 25);
// m8Icon.transparent = "images/m_marker8.png";
//m8Icon.printImage = "images/m_marker8.png";
m8Icon.mozPrintImage = "images/m_marker8.png";
// M logo icon 9
var m9Icon = new GIcon();
m9Icon.image = "images/m_marker9.png";
m9Icon.shadow = "images/m_marker_shadow.png";
m9Icon.iconSize = new GSize(22, 34);
m9Icon.shadowSize = new GSize(50, 34);
m9Icon.iconAnchor = new GPoint(9, 34);
m9Icon.infoWindowAnchor = new GPoint(9, 2);
m9Icon.infoShadowAnchor = new GPoint(18, 25);
// m9Icon.transparent = "images/m_marker9.png";
//m9Icon.printImage = "images/m_marker9.png";
m9Icon.mozPrintImage = "images/m_marker9.png";
// M logo icon 10
var m10Icon = new GIcon();
m10Icon.image = "images/m_marker10.png";
m10Icon.shadow = "images/m_marker_shadow.png";
m10Icon.iconSize = new GSize(22, 34);
m10Icon.shadowSize = new GSize(50, 34);
m10Icon.iconAnchor = new GPoint(9, 34);
m10Icon.infoWindowAnchor = new GPoint(9, 2);
m10Icon.infoShadowAnchor = new GPoint(18, 25);
// m10Icon.transparent = "images/m_marker10.png";
// m10Icon.printImage = "images/m_marker10.png";
m10Icon.mozPrintImage = "images/m_marker10.png";
// M logo icon 11
var m11Icon = new GIcon();
m11Icon.image = "images/m_marker11.png";
m11Icon.shadow = "images/m_marker_shadow.png";
m11Icon.iconSize = new GSize(22, 34);
m11Icon.shadowSize = new GSize(50, 34);
m11Icon.iconAnchor = new GPoint(9, 34);
m11Icon.infoWindowAnchor = new GPoint(9, 2);
m11Icon.infoShadowAnchor = new GPoint(18, 25);
// m11Icon.transparent = "images/m_marker11.png";
// m11Icon.printImage = "images/m_marker11.png";
m11Icon.mozPrintImage = "images/m_marker11.png";
// M logo icon 12
var m12Icon = new GIcon();
m12Icon.image = "images/m_marker12.png";
m12Icon.shadow = "images/m_marker_shadow.png";
m12Icon.iconSize = new GSize(22, 34);
m12Icon.shadowSize = new GSize(50, 34);
m12Icon.iconAnchor = new GPoint(9, 34);
m12Icon.infoWindowAnchor = new GPoint(9, 2);
m12Icon.infoShadowAnchor = new GPoint(18, 25);
// m12Icon.transparent = "images/m_marker12.png";
// m12Icon.printImage = "images/m_marker12.png";
m12Icon.mozPrintImage = "images/m_marker12.png";
// M logo icon 13
var m13Icon = new GIcon();
m13Icon.image = "images/m_marker13.png";
m13Icon.shadow = "images/m_marker_shadow.png";
m13Icon.iconSize = new GSize(22, 34);
m13Icon.shadowSize = new GSize(50, 34);
m13Icon.iconAnchor = new GPoint(9, 34);
m13Icon.infoWindowAnchor = new GPoint(9, 2);
m13Icon.infoShadowAnchor = new GPoint(18, 25);
// m13Icon.transparent = "images/m_marker13.png";
// m13Icon.printImage = "images/m_marker13.png";
m13Icon.mozPrintImage = "images/m_marker13.png";
// M logo icon 14
var m14Icon = new GIcon();
m14Icon.image = "images/m_marker14.png";
m14Icon.shadow = "images/m_marker_shadow.png";
m14Icon.iconSize = new GSize(22, 34);
m14Icon.shadowSize = new GSize(50, 34);
m14Icon.iconAnchor = new GPoint(9, 34);
m14Icon.infoWindowAnchor = new GPoint(9, 2);
m14Icon.infoShadowAnchor = new GPoint(18, 25);
// m14Icon.transparent = "images/m_marker14.png";
// m14Icon.printImage = "images/m_marker14.png";
m14Icon.mozPrintImage = "images/m_marker14.png";
// M logo icon 15
var m15Icon = new GIcon();
m15Icon.image = "images/m_marker15.png";
m15Icon.shadow = "images/m_marker_shadow.png";
m15Icon.iconSize = new GSize(22, 34);
m15Icon.shadowSize = new GSize(50, 34);
m15Icon.iconAnchor = new GPoint(9, 34);
m15Icon.infoWindowAnchor = new GPoint(9, 2);
m15Icon.infoShadowAnchor = new GPoint(18, 25);
// m15Icon.transparent = "images/m_marker15.png";
// m15Icon.printImage = "images/m_marker15.png";
m15Icon.mozPrintImage = "images/m_marker15.png";
// M logo icon 16
var m16Icon = new GIcon();
m16Icon.image = "images/m_marker16.png";
m16Icon.shadow = "images/m_marker_shadow.png";
m16Icon.iconSize = new GSize(22, 34);
m16Icon.shadowSize = new GSize(50, 34);
m16Icon.iconAnchor = new GPoint(9, 34);
m16Icon.infoWindowAnchor = new GPoint(9, 2);
m16Icon.infoShadowAnchor = new GPoint(18, 25);
// m16Icon.transparent = "images/m_marker16.png";
// m6Icon.printImage = "images/m_marker16.png";
m16Icon.mozPrintImage = "images/m_marker16.png";
// M logo icon 17
var m17Icon = new GIcon();
m17Icon.image = "images/m_marker17.png";
m17Icon.shadow = "images/m_marker_shadow.png";
m17Icon.iconSize = new GSize(22, 34);
m17Icon.shadowSize = new GSize(50, 34);
m17Icon.iconAnchor = new GPoint(9, 34);
m17Icon.infoWindowAnchor = new GPoint(9, 2);
m17Icon.infoShadowAnchor = new GPoint(18, 25);
// m17Icon.transparent = "images/m_marker17.png";
// m17Icon.printImage = "images/m_marker17.png";
m17Icon.mozPrintImage = "images/m_marker17.png";
// M logo icon 18
var m18Icon = new GIcon();
m18Icon.image = "images/m_marker18.png";
m18Icon.shadow = "images/m_marker_shadow.png";
m18Icon.iconSize = new GSize(22, 34);
m18Icon.shadowSize = new GSize(50, 34);
m18Icon.iconAnchor = new GPoint(9, 34);
m18Icon.infoWindowAnchor = new GPoint(9, 2);
m18Icon.infoShadowAnchor = new GPoint(18, 25);
// m18Icon.transparent = "images/m_marker18.png";
// m18Icon.printImage = "images/m_marker18.png";
m18Icon.mozPrintImage = "images/m_marker18.png";
// M logo icon 19
var m19Icon = new GIcon();
m19Icon.image = "images/m_marker19.png";
m19Icon.shadow = "images/m_marker_shadow.png";
m19Icon.iconSize = new GSize(22, 34);
m19Icon.shadowSize = new GSize(50, 34);
m19Icon.iconAnchor = new GPoint(9, 34);
m19Icon.infoWindowAnchor = new GPoint(9, 2);
m19Icon.infoShadowAnchor = new GPoint(18, 25);
// m19Icon.transparent = "images/m_marker19.png";
//m19Icon.printImage = "images/m_marker19.png";
m19Icon.mozPrintImage = "images/m_marker19.png";
// M logo icon 20
var m20Icon = new GIcon();
m20Icon.image = "images/m_marker20.png";
m20Icon.shadow = "images/m_marker_shadow.png";
m20Icon.iconSize = new GSize(22, 34);
m20Icon.shadowSize = new GSize(50, 34);
m20Icon.iconAnchor = new GPoint(9, 34);
m20Icon.infoWindowAnchor = new GPoint(9, 2);
m20Icon.infoShadowAnchor = new GPoint(18, 25);
// m20Icon.transparent = "images/m_marker20.png";
// m20Icon.printImage = "images/m_marker20.png";
m20Icon.mozPrintImage = "images/m_marker20.png";
// M logo icon 21
var m21Icon = new GIcon();
m21Icon.image = "images/m_marker21.png";
m21Icon.shadow = "images/m_marker_shadow.png";
m21Icon.iconSize = new GSize(22, 34);
m21Icon.shadowSize = new GSize(50, 34);
m21Icon.iconAnchor = new GPoint(9, 34);
m21Icon.infoWindowAnchor = new GPoint(9, 2);
m21Icon.infoShadowAnchor = new GPoint(18, 25);
// m21Icon.transparent = "images/m_marker21.png";
// m21Icon.printImage = "images/m_marker21.png";
m21Icon.mozPrintImage = "images/m_marker21.png";
// M logo icon 22
var m22Icon = new GIcon();
m22Icon.image = "images/m_marker22.png";
m22Icon.shadow = "images/m_marker_shadow.png";
m22Icon.iconSize = new GSize(22, 34);
m22Icon.shadowSize = new GSize(50, 34);
m22Icon.iconAnchor = new GPoint(9, 34);
m22Icon.infoWindowAnchor = new GPoint(9, 2);
m22Icon.infoShadowAnchor = new GPoint(18, 25);
// m22Icon.transparent = "images/m_marker22.png";
//m22Icon.printImage = "images/m_marker22.png";
m22Icon.mozPrintImage = "images/m_marker22.png";
// M logo icon 23
var m23Icon = new GIcon();
m23Icon.image = "images/m_marker23.png";
m23Icon.shadow = "images/m_marker_shadow.png";
m23Icon.iconSize = new GSize(22, 34);
m23Icon.shadowSize = new GSize(50, 34);
m23Icon.iconAnchor = new GPoint(9, 34);
m23Icon.infoWindowAnchor = new GPoint(9, 2);
m23Icon.infoShadowAnchor = new GPoint(18, 25);
// m23Icon.transparent = "images/m_marker23.png";
// m23Icon.printImage = "images/m_marker23.png";
m23Icon.mozPrintImage = "images/m_marker23.png";
// An array of GIcons, to make the selection easier
var icons = [];
icons[0] = parkingIcon_a;
icons[1] = m1Icon;
icons[2] = m2Icon;
icons[3] = m3Icon;
icons[4] = m4Icon;
icons[5] = m5Icon;
icons[6] = m6Icon;
icons[7] = m7Icon;
icons[8] = m8Icon;
icons[9] = m9Icon;
icons[10] = m10Icon;
icons[11] = m11Icon;
icons[12] = m12Icon;
icons[13] = m13Icon;
icons[14] = m14Icon;
icons[15] = m15Icon;
icons[16] = m16Icon;
icons[17] = m17Icon;
icons[18] = m18Icon;
icons[19] = m19Icon;
icons[20] = m20Icon;
icons[21] = m21Icon;
icons[22] = m22Icon;
icons[23] = m23Icon;
icons[24] = parkingIcon_b;
icons[25] = parkingIcon_c;
icons[26] = parkingIcon_d;
icons[27] = parkingIcon_e;
<!--End Cutoms Icons-->
// the icon information is passed to this function
function createMarker
(point,name,html,address,sidebaricon,icontype,tooltip) {
var linkid = "link"+(gmarkers.length);
//alert(linkid);
var marker = new GMarker(point,{icon:icons[icontype],
title:tooltip});
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
document.getElementById(linkid).style.background="#FFCC33";
// window.scrollTo(gmarkers.length-1, gmarkers.length-1);
window.scrollTo(400,400);
lastlinkid=linkid;
});
// The info window version with the "to here" form open
var to_html = '<span class="infowindow_style">'+html+'<\/
span>' + '<br>Directions: <b>To here<\/b> - <a
href="javascript:fromhere(' + i + ')">From here<\/a>' +
'<br>Start address:<form action="http://maps.google.com/
maps" method="get" target="_blank">' +
'<input type="text" SIZE=40 MAXLENGTH=60 name="saddr"
id="saddr" value="" /><br>' +
'<INPUT value="Get Directions" TYPE="SUBMIT">' +
'<input type="hidden" name="daddr" value="' + address +
" (" + name + ")" + '"/>';
// The info window version with the "to here" form open
var from_html = '<span class="infowindow_style">'+html+'<\/
span>' + '<br>Directions: <a href="javascript:tohere(' + i + ')">To
here<\/a> - <b>From here<\/b>' +
'<br>End address:<form action="http://maps.google.com/maps";
method="get"" target="_blank">' +
'<input type="text" SIZE=40 MAXLENGTH=60 name="daddr"
id="daddr" value="" /><br>' +
'<INPUT value="Get Directions" TYPE="SUBMIT">' +
'<input type="hidden" name="saddr" value="' + address +
" (" + name + ")" + '"/>';
// The inactive version of the direction info
html = '<span class="infowindow_style">'+html+'<\/span>' +
'<br>Directions: <a href="javascript:tohere('+i+')">To here<\/a> - <a
href="javascript:fromhere('+i+')">From here<\/a>';
// The normal "click" listener
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
// The custom "to" listener
GEvent.addListener(marker, "to", function() {
marker.openInfoWindowHtml(to_html);
});
// The custom "from" listener
GEvent.addListener(marker, "from", function() {
marker.openInfoWindowHtml(from_html);
});
// save the info we need to use later for the side_bar
gmarkers.push(marker);
// add a line to the side_bar html
side_bar_html += '<table><tr><td width="20px"><a
href="javascript:myclick(' + (gmarkers.length-1) + ')">' + sidebaricon
+ '<\/a><\/td><td width="170"><div id="'+linkid+'"><a
href="javascript:myclick(' + (gmarkers.length-1) + ')">' + name + '<\/
a><\/td><\/tr><\/table>';
// window.scrollTo(gmarkers.length, gmarkers.length);
return marker;
}
// This function picks up the click and triggers a "click" event
on the marker
function myclick(i) {
// window.scrollTo(gmarkers.length, gmarkers.length);
// gmarkers[i].initialize(map);
GEvent.trigger(gmarkers[i],"click");
}
// var objDiv=document.getElementById("side_bar");
// var test1 = objDiv.scrollHeight;
// alert(test1);
// var test2 = objDiv.offsetHeight;
// alert(test2);
// if (test1 > 0) // all but Explorer Mac
// {
// objDiv.scrollTop = objDiv.scrollHeight;
// }
// else // Explorer Mac;
// //would also work in Explorer 6 Strict, Mozilla
and Safari
// {
// objDiv.scrollTop = objDiv.offsetHeight;
// }
// This function triggers a "to" event on the marker
function tohere(i) {
myclick(i);
GEvent.trigger(gmarkers[i],"to");
}
// This function triggers a "from" event on the marker
function fromhere(i) {
myclick(i);
GEvent.trigger(gmarkers[i],"from");
}
//need to change j to k to work, possibly i to a j
// create the map
var map = new GMap2(document.getElementById("map"),{size : new GSize
(400,510)});
map.setCenter(new GLatLng(42.28425915554191,-83.73193502426147),
16);
var customUI = map.getDefaultUI();
// Remove MapType.G_PYYSICAL_MAP
//window.scrollTo(gmarkers.length, gmarkers.length);
customUI.maptypes.physical = false;
map.setUI(customUI);
map.disableScrollWheelZoom();
// var scrollTarget = document.getElementById('side_bar');
// if (scrollTarget && scrollTarget.scrollIntoView) {
// scrollTarget.scrollIntoView();
// }
/* // popup message for polygons, need to change i to j to work
GEvent.addListener(map, "click", function(overlay,point) {
if (!overlay) {
for (var i=0; i<polys.length; i++) {
if (polys[i].Contains(point)) {
map.openInfoWindowHtml(point,"You clicked on "+labels
[i]);
//i = 999; // Jump out of loop
}
}
}
});
*/
// Read the data from example.xml
var path='<%=strmap%>';
var request = GXmlHttp.create();
// request.open("GET", "../../../medcenter.xml", true);
//request.open("GET", "http://localhost:1275/UMHS-Map/
desktopmodules/map/medcenter.xml", true);
request.open("GET", path, true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = GXml.parse(request.responseText);
// obtain the array of markers and loop through it
var markers = xmlDoc.documentElement.getElementsByTagName
("marker");
for (i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
//alert(html);
var label = markers[i].getAttribute("label");
var address = markers[i].getAttribute("address")
var sidebaricon = markers[i].getAttribute("sidebaricon")
var icontype =
parseInt(markers[i].getAttribute("icontype"));
var tooltip=markers[i].getAttribute("tooltip");
// create the marker
var marker = createMarker
(point,label,html,address,sidebaricon,icontype,tooltip);
if(marker!=null)
{
map.addOverlay(marker);
}
}
// To take active link off
GEvent.addListener(map,"infowindowclose", function() {
document.getElementById
(lastlinkid).style.background="#ffffff";
});
// put the assembled side_bar_html contents into the
side_bar div
document.getElementById("side_bar").innerHTML =
side_bar_html;
// ========= Now process the polylines ===========
var buildings = xmlDoc.documentElement.getElementsByTagName
("building");
// read each line
for (var a = 0; a < buildings.length; a++) {
// get any building attributes
var blabel = buildings[a].getAttribute("buildingname");
var colour = buildings[a].getAttribute("colour");
// read each point on that line
var points = buildings[a].getElementsByTagName("point");
var pts = [];
for (var j = 0; j < points.length; j++) {
pts[j] = new GLatLng(parseFloat(points[j].getAttribute
("lat")),
parseFloat(points[j].getAttribute
("lng")));
}
var poly = new GPolygon(pts,"#003366",1,1,colour,0.5,
{clickable:false});
if(this.poly)
{
polys.push(poly);
blabels.push(blabel);
map.addOverlay(poly);
}
}
//
================================================
}
}
request.send(null);
}
else {
alert("Sorry, the Google Maps API is not compatible with this
browser");
}
</script>
In this script, how can i use pass the pixel reference for each item
in the sidebar when click any image on map.
On Nov 12, 4:48 pm, Rossko <[email protected]> wrote:
> > I have used like this window.scrollTo(gmarkers.length,
> > gmarkers.length);
> > Is it correct way to call the method?
>
> Don't think so.
> gmarkers.length is a count of the number of items in your
> array.http://www.devguru.com/Technologies/ecmascript/quickref/win_scrollto....
> says scrollTo() expects pixel references.
>
> Might be more use
> -http://javascript.gakaa.com/window-scrollbylines-4-0-5-2-0-scrollbypa...
>
> Not a maps topic.
--
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-api?hl=.
