|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/mandarintools/maps/ |
Upload File : |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta name="robots" content="noindex,nofollow"/>
<title>Pittsburgh 1st Ward/Pittsburgh 7th Ward Boundary</title>
<style type="text/css">
v\:* {
behavior:url(#default#VML);
}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA52fGx2oAPK6PeDjhvxqHohQYyILyYZagvPvZd0lUZXY9NamzDhSQLjtrh9JphHkGEpR9jEV5qbksTg" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
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);
function createMarker1st(point, html) {
var icon = new GIcon(baseIcon);
icon.image = "http://www.google.com/mapfiles/markerN.png";
var marker = new GMarker(point,icon);
// Show this marker's index in the info window when it is clicked
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function createMarker7th(point, html) {
var icon = new GIcon(baseIcon);
icon.image = "http://www.google.com/mapfiles/markerS.png";
var marker = new GMarker(point, icon);
// Show this marker's index in the info window when it is clicked
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function onLoad() {
// Using XML and Asynchronous RPC ("AJAX") with Maps
//
// In this example, we download a static file ("data.xml") that contains a
// list of lat/lng coordinates in XML. When the download completes, we parse
// the XML and create a marker at each of those lat/lngs.
// Center the map on Pittsburgh
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(-79.947386, 40.448424), 5);
var encodedPolyline = new GPolyline.fromEncoded({
color: "#FF0000",
weight: 10,
points: "u`dvFhrugNzqA{rBbx@s^t_Agv@ft@sGbn@a_AxRu|@l^yv@wEeEwQoJmAyFlC}EzKed@lDe{Bn@uNbHwZ?gL_BgDyC_Cs@yHws@}gAkAcDyE{~AoOqs@sLu`@cGa{@nJ{OhCgHfMkj@fFiTrD_Ppd@epBf@iAfFoAx@kGKuGqFeKsIuUqFqLgEyWqGcx@IkQtBsU`FoZz_@oy@",
levels: "BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB",
zoomFactor: 32,
numLevels: 4
});
map.addOverlay(encodedPolyline);
/*
var polyline = new GPolyline([
new GLatLng(40.50479367219107, -80.0954818725586),
new GLatLng(40.49330666411266, -80.068359375),
new GLatLng(40.47894513820701, -80.04981994628906),
new GLatLng(40.45295602435479, -80.03557205200195),
new GLatLng(40.444530259240274, -80.00402927398682),
new GLatLng(40.44146014428945, -80.00261306762695),
new GLatLng(40.43901048391802, -79.99561786651611),
new GLatLng(40.43796526832536, -79.97334480285645),
new GLatLng(40.43646274244241, -79.96879577636719),
new GLatLng(40.43652807035294, -79.96613502502441),
new GLatLng(40.43763863512021, -79.96531963348389),
new GLatLng(40.43793260507625, -79.9636459350586),
new GLatLng(40.44671844707159, -79.95158672332764),
new GLatLng(40.44786150194002, -79.93587970733643),
new GLatLng(40.45067006847539, -79.92708206176758),
new GLatLng(40.452694776190064, -79.92214679718018),
new GLatLng(40.45400100685689, -79.91244792938232),
new GLatLng(40.45191102560174, -79.90935802459717),
new GLatLng(40.44110086635417, -79.87691402435303),
new GLatLng(40.439500423133325, -79.87592697143555),
new GLatLng(40.4394024355759, -79.87356662750244),
new GLatLng(40.4461632419783, -79.85125064849854),
new GLatLng(40.44596728614449, -79.84502792358398),
new GLatLng(40.43982704729325, -79.83352661132812),
new GLatLng(40.4301583004729, -79.81297016143799)
], "#FF0000", 10);
map.addOverlay(polyline);
*/
// Download the data in data.xml and load it on the map. The format we
// expect is:
// <markers>
// <marker lat="37.441" lng="-122.141"/>
// <marker lat="37.322" lng="-121.213"/>
// </markers>
/*
var request = GXmlHttp.create();
request.open("GET", "fifthpenn.xml", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var point = new GPoint(parseFloat(markers[i].getAttribute("lng")),
parseFloat(markers[i].getAttribute("lat")));
var html = markers[i].getAttribute("name") + "<br>" + markers[i].getAttribute("address");
var marker; // = createMarkerActive(point, html);
var activity = markers[i].getAttribute("unit");
if (activity == "1st")
marker = createMarker1st(point, html);
else
marker = createMarker7th(point, html);
map.addOverlay(marker);
}
}
}
request.send(null);
}
*/
//]]>
</script>
</head>
<body onload="onLoad()">
<div id="map" style="width: 800px; height: 600px"></div>
<div id="message"></div>
</body>
</html>