// JScript File
// JScript File
var businesses = [
{
name: '8th & Walnut',
street: '3900 Hamilton Blvd',
city: 'Allentown',
state: 'PA',
zip: '18103',
country: 'USA',
phone: '(610) 433-1033',
lat: 40.57470121523708, lng: -75.53431034088135}
];
/**
* The map object, null until script loads in.
* @type {GMap2}
*/
var map = null;
/**
* The bounds of the markers once loaded in.
* @type {GLatLngBounds}
*/
var bounds = null;
/**
* The marker with currently opened info window.
* @type {GMarker}
*/
var currentMarker = null;
/**
* The dom element that the map is loaded into
* @type {Element}
*/
var mapDiv = null;
/**
* The dom element that everything is a child of.
* @type {Element}
*/
var containerDiv = null;
/**
* Position of mouse click (clientX) on map div when in static mode.
* @type {Number}
*/
var clickedX = 0;
/**
* Position of mouse click (clientY) on map div when in static mode.
* @type {Number}
*/
var clickedY = 0;
/**
* Indicates whether we've created a script tag with Maps API yet
* @type {Boolean}
*/
var isLoaded = false;
// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var baseIcon = new GIcon();
baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
/**
* Called after script is asynchronously loaded in.
* Creates the GMap2, GMarker objects and performs actions according to
* what the user did to trigger the map load (search, zoom, click etc).
*/
function loadMap() {
containerDiv = document.getElementById('container');
mapDiv = document.getElementById('map');
if (GBrowserIsCompatible()) {
mapDiv.style.background = '#fff';
mapDiv.style.cursor = '';
map = new GMap2(mapDiv, {logoPassive: true});
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
bounds = new GLatLngBounds();
for (var i = 0; i < businesses.length; i++) {
bounds.extend(new GLatLng(businesses[i].lat, businesses[i].lng));
}
var latSpan = bounds.toSpan().lat();
map.setCenter(bounds.getCenter(), 14);
for (var i = 0; i < businesses.length; i++) {
var marker = createSimpleMarker(i);
map.addOverlay(marker);
}
}
}
/**
* Zooms to the viewport that fits all the markers.
*/
function zoomToAll() {
map.setCenter(bounds.getCenter(), map.getBoundsZoomLevel(bounds));
}
/**
* Zooms to certain point
*/
function zoomPoint(lat, lng) {
map.setCenter(new GLatLng(lat, lng), 17);
}
/**
* Creates a marker for the given business.
* @param {Number} ind
* @return {GMarker}
*/
function createMarker(ind) {
var business = businesses[ind];
// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode("A".charCodeAt(0) + ind);
var letteredIcon = new GIcon(baseIcon);
letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
// Set up our GMarkerOptions object
markerOptions = { icon:letteredIcon };
var marker = new GMarker(new GLatLng(business.lat, business.lng), markerOptions);
GEvent.addListener(marker, 'click', function() {
if (business.toll != undefined && business.sales != undefined) {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
else if (business.toll != undefined && business.sales == undefined) {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
else if (business.sales != undefined && business.toll == undefined) {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
else {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
currentMarker = marker;
marker.openInfoWindowHtml(marker.html);
});
return marker;
}
function createSimpleMarker(ind) {
var business = businesses[ind];
var marker = new GMarker(new GLatLng(business.lat, business.lng));
GEvent.addListener(marker, 'click', function() {
if (business.toll != undefined && business.sales != undefined) {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
else if (business.toll != undefined && business.sales == undefined) {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Toll Free: ', business.toll, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
else if (business.sales != undefined && business.toll == undefined) {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
Sales: ', business.sales, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
else {
if (business.name2 == undefined) {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else if (business.difaddress == "yes") {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', business.name2, '
',
business.street2, '
', business.city2, ', ',
business.state2, ' ', business.zip2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
else {
marker.html = ['', business.name, '
',
business.street, '
', business.city, ', ',
business.state, ' ', business.zip, '
Phone: ',
business.phone, '
Fax: ', business.fax, '
', '', business.name2, '
Phone: ',
business.phone2, '
Fax: ', business.fax2, '
', 'Get directions: ',
'to here - ',
' from here
'].join('');
}
}
currentMarker = marker;
marker.openInfoWindowHtml(marker.html);
});
return marker;
}
/**
* Formats business info into a URL-friendly version for maps url.
* @param {Object} business
* @return {String}
*/
function formatAddressForMaps(business) {
var address = business.street + ' ' + business.city + ' ' + business.state + ' ' + business.zip;
return escape(address.replace(' ', '+'));
}
/**
* Convenience function for creating an element and assigning an id to it.
* @param {String} elementType
* @param {String} id
* @return {Element}
*/
function _cel(elementType, id) {
var element = document.createElement(elementType);
element.id = id;
return element;
}