Hi Wayne,
It looks like there are two things amiss with
http://www.smythweather.net/wxquake.phpFirst, you are running the prior version of the quake-json.php script (without the 'home' pin) and
secondly, you seem to be doing an include() of the script without telling it to avoid emitting the extra HTML that makes it a complete page, so extra <html><head></head><body></body></html> tags are in the page. That can cause issues with some browsers as the page is not error-free HTML.
For the 'guts' of the page, try using something like
<?php
$doIncludeQuake = true;
# uncomment ONE of the $setDistanceDisplay lines to use as template for distance displays
# $setDistanceDisplay = 'mi (km)';
$setDistanceDisplay = 'mi';
# $setDistanceDisplay = 'km (mi)';
# $setDistanceDisplay = 'km';
$setDistanceRadius = 200; // same units as first unit in $setDistanceDisplay
# NOTE: quakes of magnitude 1.0+ are available for USA locations only.
# non-USA location earthquakes of magnitude 4.0+ are the only ones available from the USGS
$setMinMagnitude = '2.0'; // minimum Richter Magnitude to display
$setHighMagnitude = '4.0'; // highlight this Magnitude and greater
$setMapZoomDefault = 7; // default zoom for Google Map 1=world to 13=street
$setLatitude = 37.27153397; //North=positive, South=negative decimal degrees
$setLongitude = -122.02274323; //East=positive, West=negative decimal degrees
# The above settings are for saratoga-weather.org location
$setLocationName = 'Saratoga, CA'; // city/town name for lat/long above
#
$setTimeZone = "America/Los_Angeles"; //NOTE: this *MUST* be set correctly to
# translate UTC times to your LOCAL time for the displays.
# Use http://www.php.net/manual/en/timezones.php to find the timezone suitable for
# your location.
# pick a format for the time to display ..uncomment one (or make your own)
# $setTimeFormat = 'D, Y-m-d H:i:s T'; // Fri, 2006-03-31 14:03:22 TZone
$setTimeFormat = 'D, d-M-Y H:i:s T'; // Fri, 31-Mar-2006 14:03:22 TZone
$setDoLinkTarget = 1; // =1 to have links open in new page, =0 for XHTML 1.0-Strict
include_once("quake-json.php");
?>
<p style="text-align: center">Map and data courtesy of
<a href="http://earthquake.usgs.gov/earthquakes/map/">United States Geological Survey</a>.</p>
<p style="text-align: center;"><small>Script courtesy of <a href="http://saratoga-weather.org/">Saratoga-weather.org</a></small></p>
and that will cause quake-json.php to behave itself and only put what you need on the page.
Also, the needed styling of
<style type="text/css">
.quake {
width: 620px;
}
#map-container {
padding: 5px;
border-width: 1px;
border-style: solid;
border-color: #ccc #ccc #999 #ccc;
-webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
-moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
width: 620px;
display: none;
}
#map {
width: 620px;
height: 480px;
}
#actions {
list-style: none;
padding: 0;
}
#inline-actions {
padding-top: 10px;
}
.item {
margin-left: 20px;
}
</style>
should appear in the <head>...</head> section of your page to be active.
I found that FF21 renders the sample pages (quakes.php , and the template wxquake.php) just fine
Best regards,
Ken