vern17
10-30-2006, 01:39 PM
Ok guys, I am trying to add a google map to my site. The php file I created is below (fanmap.php):
<?php
// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);
// #################### DEFINE IMPORTANT CONSTANTS #######################
define('THIS_SCRIPT', 'fanmap');
// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array(
);
// get special data templates from the datastore
$specialtemplates = array(
);
// pre-cache templates used by all actions
$globaltemplates = array(
'fanmap'
);
// pre-cache templates used by specific actions
$actiontemplates = array(
);
// ######################### REQUIRE BACK-END ############################
require_once('./global.php');
// ################################################## #####################
// ######################## START MAIN SCRIPT ############################
// ################################################## #####################
$navbits = array();
$navbits[$parent] = 'Fan Map';
$navbits = construct_navbits($navbits);
eval('$navbar = "' . fetch_template('navbar') . '";');
eval('print_output("' . fetch_template('fanmap') . '");');
?>
And this is the template that is used (fanmap):
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle] - Fan Map</title>
$headinclude
</head>
<body onunload="GUnload()">
$header
$navbar
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" style="border-bottom: 0" width="100%" align="center">
<tr>
<td class="tcat">Fan Map</td>
</tr>
</table><br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
<tr>
<center><table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="http://labs.google.com/ridefinder/images/mm_20_blue.png" alt="Registered User" border="0" /></td>
<td class="smallfont" style="padding-right:30px; font-weight: bold;">Registered User</td>
</tr>
</table>
</center>
<div id="map" style="width: 100%; height: 470px"></div>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAGfzPQV7z9-kHveHUeDvTZRQ85FvpQC4c8PJQ_uUrESpUn82kkBSUm-0E_SuyO2SfIgsKL3rodelSkQ" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function move_and_zoom (location) {
switch (location) {
default:
map.centerAndZoom(new GPoint(-87.099609, 38.410558), 13);
}
}
function createMarker(point, lon, lat, color) {
var icon = new GIcon(baseIcon);
icon.image = "http://labs.google.com/ridefinder/images/mm_20_" + colors[color] + ".png";
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml('<a href="fanmap.php?do=earth&coord=' + lon + ',' + lat + '">View in Google Earth</a>');
});
return marker;
}
var map = new GMap(document.getElementById("map"));
map.setCenter(new GLatLng(-93.867187, 38.959409), 13);
move_and_zoom('');
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
var allPoints = new Array([-92.2977,42.4618,0]);
var colors = new Array ('blue');
var baseIcon = new GIcon();
baseIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
baseIcon.iconSize = new GSize(12, 20);
baseIcon.shadowSize = new GSize(22, 20);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);
for (var i = 0; i < allPoints.length; i++) {
var point = new GPoint(allPoints[i][0], allPoints[i][1]);
var marker = createMarker(point, allPoints[i][0], allPoints[i][1], allPoints[i][2]);
map.addOverlay(marker);
}
//]]>
</script>
</tr>
</tbody>
</table>
<br />
$footer
</body>
</html>
The problem I'm having is it works perfect in Opera, but not in IE. When I try to call the file using IE, all I get is "Internet Explorer cannot open the site ......fanmap.php Operation aborted". Is there something in my code I need to add or fix or what can I do so this works? Really appreciate the help here guys.
<?php
// ####################### SET PHP ENVIRONMENT ###########################
error_reporting(E_ALL & ~E_NOTICE);
// #################### DEFINE IMPORTANT CONSTANTS #######################
define('THIS_SCRIPT', 'fanmap');
// ################### PRE-CACHE TEMPLATES AND DATA ######################
// get special phrase groups
$phrasegroups = array(
);
// get special data templates from the datastore
$specialtemplates = array(
);
// pre-cache templates used by all actions
$globaltemplates = array(
'fanmap'
);
// pre-cache templates used by specific actions
$actiontemplates = array(
);
// ######################### REQUIRE BACK-END ############################
require_once('./global.php');
// ################################################## #####################
// ######################## START MAIN SCRIPT ############################
// ################################################## #####################
$navbits = array();
$navbits[$parent] = 'Fan Map';
$navbits = construct_navbits($navbits);
eval('$navbar = "' . fetch_template('navbar') . '";');
eval('print_output("' . fetch_template('fanmap') . '");');
?>
And this is the template that is used (fanmap):
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle] - Fan Map</title>
$headinclude
</head>
<body onunload="GUnload()">
$header
$navbar
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" style="border-bottom: 0" width="100%" align="center">
<tr>
<td class="tcat">Fan Map</td>
</tr>
</table><br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
<tr>
<center><table cellpadding="2" cellspacing="0" border="0">
<tr>
<td><img src="http://labs.google.com/ridefinder/images/mm_20_blue.png" alt="Registered User" border="0" /></td>
<td class="smallfont" style="padding-right:30px; font-weight: bold;">Registered User</td>
</tr>
</table>
</center>
<div id="map" style="width: 100%; height: 470px"></div>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAGfzPQV7z9-kHveHUeDvTZRQ85FvpQC4c8PJQ_uUrESpUn82kkBSUm-0E_SuyO2SfIgsKL3rodelSkQ" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function move_and_zoom (location) {
switch (location) {
default:
map.centerAndZoom(new GPoint(-87.099609, 38.410558), 13);
}
}
function createMarker(point, lon, lat, color) {
var icon = new GIcon(baseIcon);
icon.image = "http://labs.google.com/ridefinder/images/mm_20_" + colors[color] + ".png";
var marker = new GMarker(point, icon);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml('<a href="fanmap.php?do=earth&coord=' + lon + ',' + lat + '">View in Google Earth</a>');
});
return marker;
}
var map = new GMap(document.getElementById("map"));
map.setCenter(new GLatLng(-93.867187, 38.959409), 13);
move_and_zoom('');
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
var allPoints = new Array([-92.2977,42.4618,0]);
var colors = new Array ('blue');
var baseIcon = new GIcon();
baseIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
baseIcon.iconSize = new GSize(12, 20);
baseIcon.shadowSize = new GSize(22, 20);
baseIcon.iconAnchor = new GPoint(6, 20);
baseIcon.infoWindowAnchor = new GPoint(5, 1);
for (var i = 0; i < allPoints.length; i++) {
var point = new GPoint(allPoints[i][0], allPoints[i][1]);
var marker = createMarker(point, allPoints[i][0], allPoints[i][1], allPoints[i][2]);
map.addOverlay(marker);
}
//]]>
</script>
</tr>
</tbody>
</table>
<br />
$footer
</body>
</html>
The problem I'm having is it works perfect in Opera, but not in IE. When I try to call the file using IE, all I get is "Internet Explorer cannot open the site ......fanmap.php Operation aborted". Is there something in my code I need to add or fix or what can I do so this works? Really appreciate the help here guys.