Will
asked on
Help. Map wont render (Google Map API v3)
I am trying to add a geofence but when adding initilaing the var Geofence the map fails to render:
the following is the generated code:
<script>
var blueStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'blue',
fillOpacity: 0.4,
scale: .07,
strokeColor: 'yellow',
strokeWeight: 1
}
var redStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'red',
fillOpacity: 0.7,
scale: .07,
strokeColor: 'yellow',
strokeWeight: 1
}
var yellowStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'yellow',
fillOpacity: 0.7,
scale: .07,
strokeColor: 'yellow',
strokeWeight: 1
}
var GeoFenceCoords = [
<%for y=1 to n-1%>
{lat: <%=gf(y,1)%>, lng: <%=gf(y,2)%>},
<%next%>
{lat: <%=gf(n,1)%>, lng: <%=gf(n,2)%>}
];
window.onload = function() {
// function initialize()
// {
var GeoFence = new google.maps.Polygon({
paths: GeoFenceCoords,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 3,
fillColor: '#FF0000',
fillOpacity: 0.35
});
var myCenter=new google.maps.LatLng(39.2,-75.036699);
var myPoint=new google.maps.LatLng(39.3903478,-75.05);
var mapProp = {
center:myCenter,
fences:GeoFence
zoom:12,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var arr = [
<%for z=1 to narcans-1%>
["<%=pu_lat(z)%>", "<%=pu_lon(z)%>", '<%=Minfobox(z)%>','<%=icon(z)%>'],
<%next%>
["<%=pu_lat(narcans)%>", "<%=pu_lon(narcans)%>", '<%=Minfobox(narcans)%>','<%=icon(narcans)%>']
]
for(var i=0;i<arr.length;i++) {
// switch(arr[i][3])
// {
// case 0:
// addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2]);
// case 1:
// addMarkerAndInfoWindowRed(arr[i][0], arr[i][1], arr[i][2]);
// case 2:
// addMarkerAndInfoWindowYellow(arr[i][0], arr[i][1], arr[i][2]);
// default:
// addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2]);
// }
//}
// if (arr[i][3]==0) {addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2] )} else {addMarkerAndInfoWindowRed(arr[i][0], arr[i][1], arr[i][2] )}
// addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2] )
if (arr[i][3]==0) {addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2] )}
if (arr[i][3]==1) {addMarkerAndInfoWindowRed(arr[i][0], arr[i][1], arr[i][2] )}
if (arr[i][3]==2) {addMarkerAndInfoWindowYellow(arr[i][0], arr[i][1], arr[i][2] )}
}
function addMarkerAndInfoWindowRed(lat, lng, content)
{
var myPoint = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: myPoint,
icon: redStar,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: content,
map: map,
position: myPoint
});
infowindow.close();
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
function addMarkerAndInfoWindowBlue(lat, lng, content)
{
var myPoint = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: myPoint,
icon: blueStar,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: content,
map: map,
position: myPoint
});
infowindow.close();
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
function addMarkerAndInfoWindowYellow(lat, lng, content)
{
var myPoint = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: myPoint,
icon: yellowStar,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: content,
map: map,
position: myPoint
});
infowindow.close();
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
}
</script>
</head>
<body>
<div id="googleMap" style="width:2000px;height:2000px;"></div>
<div style="position:absolute;top:2100px;left:0px;" title="" >
<iframe width="2000" height="1000" src="http://spider.mrsems.org/emsfrac.htm" frameborder="yes" scrolling="yes">
</iframe>
</div>
</body>
</html>
the following is the generated code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<b>FRACTILE RESPONSE TIME EXCEPTION REPORT(BLOWN FRAC) (CALENDAR YEAR TO DATE)</b>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAHjX2cVrS3p1Ubpuu06JpEQmL027p4q9Y"></script>
<script>
var blueStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'blue',
fillOpacity: 0.4,
scale: .07,
strokeColor: 'yellow',
strokeWeight: 1
}
var redStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'red',
fillOpacity: 0.7,
scale: .07,
strokeColor: 'yellow',
strokeWeight: 1
}
var yellowStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'yellow',
fillOpacity: 0.7,
scale: .07,
strokeColor: 'yellow',
strokeWeight: 1
}
var GeoFenceCoords = [
{lat: 39.1794, lng: -75.1375},
{lat: 39.1794, lng: -75.1371},
{lat: 39.1795, lng: -75.1377},
{lat: 39.1795, lng: -75.1369},
{lat: 39.1796, lng: -75.1368},
{lat: 39.1797, lng: -75.1377},
{lat: 39.1798, lng: -75.1367},
{lat: 39.1798, lng: -75.1365},
{lat: 39.1798, lng: -75.1362},
{lat: 39.1798, lng: -75.136},
{lat: 39.1799, lng: -75.1379},
{lat: 39.18, lng: -75.1391},
{lat: 39.18, lng: -75.1383},
{lat: 39.1801, lng: -75.1393},
{lat: 39.1801, lng: -75.1393},
{lat: 39.1802, lng: -75.136},
{lat: 39.1803, lng: -75.1392},
{lat: 39.1804, lng: -75.1359},
{lat: 39.1805, lng: -75.1392},
{lat: 39.1805, lng: -75.1358},
{lat: 39.1806, lng: -75.1355},
{lat: 39.1806, lng: -75.1354},
{lat: 39.1834, lng: -75.1417},
{lat: 39.1834, lng: -75.1348},
{lat: 39.1836, lng: -75.1346},
{lat: 39.1837, lng: -75.1416},
{lat: 39.1837, lng: -75.1343},
{lat: 39.1838, lng: -75.1417},
{lat: 39.1839, lng: -75.1418},
{lat: 39.1841, lng: -75.1333},
{lat: 39.1842, lng: -75.1423},
{lat: 39.1843, lng: -75.133},
{lat: 39.1844, lng: -75.1424},
{lat: 39.1844, lng: -75.1328},
{lat: 39.1846, lng: -75.1425},
{lat: 39.1846, lng: -75.1327},
{lat: 39.1847, lng: -75.1425},
{lat: 39.1847, lng: -75.1327},
{lat: 39.1848, lng: -75.1424},
{lat: 39.1849, lng: -75.1424},
{lat: 39.185, lng: -75.1426},
{lat: 39.185, lng: -75.1327},
{lat: 39.1851, lng: -75.1426},
{lat: 39.1851, lng: -75.1426},
{lat: 39.1851, lng: -75.1327},
{lat: 39.1852, lng: -75.1427},
{lat: 39.1852, lng: -75.1427},
{lat: 39.1852, lng: -75.1326},
{lat: 39.1854, lng: -75.143},
{lat: 39.1854, lng: -75.1324},
{lat: 39.1855, lng: -75.1431},
{lat: 39.1856, lng: -75.1433},
{lat: 39.1858, lng: -75.1317},
{lat: 39.186, lng: -75.1435},
{lat: 39.1861, lng: -75.1314},
{lat: 39.1862, lng: -75.1468},
{lat: 39.1862, lng: -75.1467},
{lat: 39.1862, lng: -75.1464},
{lat: 39.1862, lng: -75.1463},
{lat: 39.1862, lng: -75.1436},
{lat: 39.1862, lng: -75.1314},
{lat: 39.1863, lng: -75.1469},
{lat: 39.1863, lng: -75.1455},
{lat: 39.1863, lng: -75.1316},
{lat: 39.1864, lng: -75.1451},
{lat: 39.1864, lng: -75.1317},
{lat: 39.1865, lng: -75.145},
{lat: 39.1865, lng: -75.1438},
{lat: 39.1866, lng: -75.1474},
{lat: 39.1866, lng: -75.1473},
{lat: 39.1866, lng: -75.1472},
{lat: 39.1866, lng: -75.1317},
{lat: 39.1867, lng: -75.1449},
{lat: 39.1867, lng: -75.1316},
{lat: 39.1868, lng: -75.1476},
{lat: 39.1869, lng: -75.1441},
{lat: 39.187, lng: -75.1448},
{lat: 39.187, lng: -75.1442},
{lat: 39.1871, lng: -75.1476},
{lat: 39.1871, lng: -75.1447},
{lat: 39.1871, lng: -75.1445},
{lat: 39.1871, lng: -75.1312},
{lat: 39.1872, lng: -75.1476},
{lat: 39.1873, lng: -75.1311},
{lat: 39.1874, lng: -75.1473},
{lat: 39.1874, lng: -75.1309},
{lat: 39.1875, lng: -75.1307},
{lat: 39.1876, lng: -75.1473},
{lat: 39.1876, lng: -75.1302},
{lat: 39.1876, lng: -75.1298},
{lat: 39.1876, lng: -75.1297},
{lat: 39.1876, lng: -75.1295},
{lat: 39.1877, lng: -75.1505},
{lat: 39.1877, lng: -75.1502},
{lat: 39.1877, lng: -75.1501},
{lat: 39.1877, lng: -75.1499},
{lat: 39.1877, lng: -75.1474},
{lat: 39.1878, lng: -75.1498},
{lat: 39.1878, lng: -75.1477},
{lat: 39.1879, lng: -75.1498},
{lat: 39.188, lng: -75.1509},
{lat: 39.188, lng: -75.1494},
{lat: 39.188, lng: -75.1479},
{lat: 39.188, lng: -75.1291},
{lat: 39.1881, lng: -75.1516},
{lat: 39.1881, lng: -75.1513},
{lat: 39.1881, lng: -75.1493},
{lat: 39.1882, lng: -75.1517},
{lat: 39.1882, lng: -75.1492},
{lat: 39.1882, lng: -75.1484},
{lat: 39.1882, lng: -75.1291},
{lat: 39.1883, lng: -75.1519},
{lat: 39.1883, lng: -75.149},
{lat: 39.1883, lng: -75.1486},
{lat: 39.1884, lng: -75.1293},
{lat: 39.1885, lng: -75.152},
{lat: 39.1885, lng: -75.1293},
{lat: 39.1886, lng: -75.1522},
{lat: 39.1887, lng: -75.1292},
{lat: 39.1888, lng: -75.1285},
{lat: 39.1888, lng: -75.1281},
{lat: 39.1888, lng: -75.128},
{lat: 39.1889, lng: -75.1525},
{lat: 39.1889, lng: -75.1279},
{lat: 39.189, lng: -75.1278},
{lat: 39.1892, lng: -75.1527},
{lat: 39.1892, lng: -75.1526},
{lat: 39.1893, lng: -75.1277},
{lat: 39.1894, lng: -75.1527},
{lat: 39.1894, lng: -75.1275},
{lat: 39.1895, lng: -75.1529},
{lat: 39.1898, lng: -75.1535},
{lat: 39.1898, lng: -75.1275},
{lat: 39.1898, lng: -75.1275},
{lat: 39.1898, lng: -75.1262},
{lat: 39.1898, lng: -75.1261},
{lat: 39.1899, lng: -75.1538},
{lat: 39.1899, lng: -75.1274},
{lat: 39.1899, lng: -75.1265},
{lat: 39.19, lng: -75.1539},
{lat: 39.19, lng: -75.1269},
{lat: 39.19, lng: -75.1269},
{lat: 39.19, lng: -75.1266},
{lat: 39.1901, lng: -75.1538},
{lat: 39.1902, lng: -75.1537},
{lat: 39.1902, lng: -75.1257},
{lat: 39.1903, lng: -75.1538},
{lat: 39.1904, lng: -75.1257},
{lat: 39.1905, lng: -75.1539},
{lat: 39.1906, lng: -75.1256},
{lat: 39.1907, lng: -75.1256},
{lat: 39.1908, lng: -75.154},
{lat: 39.1909, lng: -75.1253},
{lat: 39.191, lng: -75.1542},
{lat: 39.191, lng: -75.1251},
{lat: 39.1911, lng: -75.1543},
{lat: 39.1911, lng: -75.1251},
{lat: 39.1912, lng: -75.1544},
{lat: 39.1913, lng: -75.1546},
{lat: 39.1913, lng: -75.1253},
{lat: 39.1914, lng: -75.1253},
{lat: 39.1915, lng: -75.1552},
{lat: 39.1915, lng: -75.1551},
{lat: 39.1916, lng: -75.1554},
{lat: 39.1916, lng: -75.1249},
{lat: 39.1916, lng: -75.1249},
{lat: 39.1917, lng: -75.1246},
{lat: 39.1918, lng: -75.1553},
{lat: 39.1919, lng: -75.1556},
{lat: 39.1919, lng: -75.1553},
{lat: 39.1919, lng: -75.1241},
{lat: 39.192, lng: -75.1561},
{lat: 39.192, lng: -75.1239},
{lat: 39.1921, lng: -75.1562},
{lat: 39.1922, lng: -75.1563},
{lat: 39.1922, lng: -75.1238},
{lat: 39.1923, lng: -75.1563},
{lat: 39.1926, lng: -75.1562},
{lat: 39.1928, lng: -75.1562},
{lat: 39.1928, lng: -75.1238},
{lat: 39.1928, lng: -75.1238},
{lat: 39.1929, lng: -75.1237},
{lat: 39.193, lng: -75.1564},
{lat: 39.193, lng: -75.1236},
{lat: 39.1931, lng: -75.1233},
{lat: 39.1932, lng: -75.1232},
{lat: 39.1932, lng: -75.1231},
{lat: 39.1934, lng: -75.1565},
{lat: 39.1934, lng: -75.1233},
{lat: 39.1936, lng: -75.1566},
{lat: 39.1936, lng: -75.1233},
{lat: 39.1937, lng: -75.1231},
{lat: 39.1937, lng: -75.123},
{lat: 39.1938, lng: -75.123},
{lat: 39.1939, lng: -75.1569},
{lat: 39.1939, lng: -75.1569},
{lat: 39.1941, lng: -75.1569},
{lat: 39.1941, lng: -75.1231},
{lat: 39.1942, lng: -75.1233},
{lat: 39.1944, lng: -75.1572},
{lat: 39.1944, lng: -75.1236},
{lat: 39.1945, lng: -75.1236},
{lat: 39.1946, lng: -75.1236},
{lat: 39.1947, lng: -75.1572},
{lat: 39.1949, lng: -75.1574},
{lat: 39.1949, lng: -75.1235},
{lat: 39.195, lng: -75.1574},
{lat: 39.1951, lng: -75.1577},
{lat: 39.1951, lng: -75.1575},
{lat: 39.1951, lng: -75.1234},
{lat: 39.1952, lng: -75.1578},
{lat: 39.1952, lng: -75.1575},
{lat: 39.1954, lng: -75.1579},
{lat: 39.1954, lng: -75.1578},
{lat: 39.1955, lng: -75.123},
{lat: 39.1957, lng: -75.1582},
{lat: 39.1957, lng: -75.123},
{lat: 39.1958, lng: -75.1583},
{lat: 39.1959, lng: -75.1583},
{lat: 39.1961, lng: -75.1582},
{lat: 39.1961, lng: -75.1582},
{lat: 39.1962, lng: -75.1591},
{lat: 39.1962, lng: -75.1589},
{lat: 39.1962, lng: -75.1588},
{lat: 39.1962, lng: -75.1585},
{lat: 39.1964, lng: -75.1607},
{lat: 39.1964, lng: -75.1606},
{lat: 39.1964, lng: -75.1594},
{lat: 39.1965, lng: -75.1608},
{lat: 39.1965, lng: -75.1604},
{lat: 39.1965, lng: -75.1223},
{lat: 39.1967, lng: -75.1604},
{lat: 39.1967, lng: -75.1597},
{lat: 39.1968, lng: -75.1602},
{lat: 39.1968, lng: -75.1599},
{lat: 39.1968, lng: -75.1223},
{lat: 39.1969, lng: -75.16},
{lat: 39.1969, lng: -75.1223},
{lat: 39.197, lng: -75.1612},
{lat: 39.1971, lng: -75.1613},
{lat: 39.1972, lng: -75.1218},
{lat: 39.1975, lng: -75.1621},
{lat: 39.1977, lng: -75.1625},
{lat: 39.1977, lng: -75.1214},
{lat: 39.1978, lng: -75.1627},
{lat: 39.198, lng: -75.1629},
{lat: 39.198, lng: -75.121},
{lat: 39.1981, lng: -75.1209},
{lat: 39.1982, lng: -75.121},
{lat: 39.1982, lng: -75.1209},
{lat: 39.1983, lng: -75.1631},
{lat: 39.1984, lng: -75.121},
{lat: 39.1985, lng: -75.121},
{lat: 39.1985, lng: -75.121},
{lat: 39.1986, lng: -75.1631},
{lat: 39.1987, lng: -75.163},
{lat: 39.1987, lng: -75.1206},
{lat: 39.1988, lng: -75.1204},
{lat: 39.1989, lng: -75.1628},
{lat: 39.1991, lng: -75.1201},
{lat: 39.1992, lng: -75.1628},
{lat: 39.1992, lng: -75.12},
{lat: 39.1993, lng: -75.1198},
{lat: 39.1994, lng: -75.1629},
{lat: 39.1994, lng: -75.1197},
{lat: 39.1995, lng: -75.1196},
{lat: 39.1996, lng: -75.1193},
{lat: 39.1997, lng: -75.1633},
{lat: 39.1998, lng: -75.1192},
{lat: 39.1999, lng: -75.1636},
{lat: 39.1999, lng: -75.1191},
{lat: 39.2, lng: -75.164},
{lat: 39.2, lng: -75.1192},
{lat: 39.2001, lng: -75.1642},
{lat: 39.2002, lng: -75.1192},
{lat: 39.2004, lng: -75.1643},
{lat: 39.2006, lng: -75.1189},
{lat: 39.2007, lng: -75.1643},
{lat: 39.2009, lng: -75.1645},
{lat: 39.201, lng: -75.1187},
{lat: 39.2013, lng: -75.165},
{lat: 39.2014, lng: -75.1187},
{lat: 39.2016, lng: -75.1679},
{lat: 39.2016, lng: -75.1677},
{lat: 39.2016, lng: -75.1656},
{lat: 39.2016, lng: -75.1187},
{lat: 39.2017, lng: -75.168},
{lat: 39.2017, lng: -75.1676},
{lat: 39.2017, lng: -75.1659},
{lat: 39.2018, lng: -75.1675},
{lat: 39.2019, lng: -75.168},
{lat: 39.2019, lng: -75.1661},
{lat: 39.2019, lng: -75.1187},
{lat: 39.202, lng: -75.1666},
{lat: 39.202, lng: -75.1187},
{lat: 39.2021, lng: -75.1669},
{lat: 39.2021, lng: -75.1188},
{lat: 39.2022, lng: -75.1681},
{lat: 39.2022, lng: -75.1673},
{lat: 39.2022, lng: -75.119},
{lat: 39.2023, lng: -75.119},
{lat: 39.2024, lng: -75.1189},
{lat: 39.2026, lng: -75.1684},
{lat: 39.2026, lng: -75.1186},
{lat: 39.2028, lng: -75.1184},
{lat: 39.2028, lng: -75.1184},
{lat: 39.2029, lng: -75.1684},
{lat: 39.2031, lng: -75.1184},
{lat: 39.2032, lng: -75.1184},
{lat: 39.2032, lng: -75.1183},
{lat: 39.2033, lng: -75.1684},
{lat: 39.2034, lng: -75.1684},
{lat: 39.2034, lng: -75.118},
{lat: 39.2037, lng: -75.1178},
{lat: 39.2038, lng: -75.1178},
{lat: 39.2039, lng: -75.1684},
{lat: 39.204, lng: -75.1176},
{lat: 39.2041, lng: -75.1684},
{lat: 39.2043, lng: -75.1682},
{lat: 39.2043, lng: -75.1175},
{lat: 39.2045, lng: -75.168},
{lat: 39.2049, lng: -75.117},
{lat: 39.2051, lng: -75.1167},
{lat: 39.2053, lng: -75.1678},
{lat: 39.2053, lng: -75.1165},
{lat: 39.2054, lng: -75.1164},
{lat: 39.2054, lng: -75.1158},
{lat: 39.2054, lng: -75.1158},
{lat: 39.2054, lng: -75.1156},
{lat: 39.2055, lng: -75.1163},
{lat: 39.2055, lng: -75.116},
{lat: 39.2055, lng: -75.1155},
{lat: 39.2056, lng: -75.1162},
{lat: 39.2057, lng: -75.1677},
{lat: 39.2058, lng: -75.1153},
{lat: 39.2059, lng: -75.1676},
{lat: 39.206, lng: -75.1675},
{lat: 39.2061, lng: -75.1153},
{lat: 39.2062, lng: -75.1674},
{lat: 39.2062, lng: -75.1152},
{lat: 39.2063, lng: -75.1152},
{lat: 39.2064, lng: -75.1152},
{lat: 39.2064, lng: -75.1152},
{lat: 39.2065, lng: -75.1674},
{lat: 39.2066, lng: -75.1148},
{lat: 39.2067, lng: -75.1672},
{lat: 39.2069, lng: -75.1672},
{lat: 39.2069, lng: -75.1144},
{lat: 39.2071, lng: -75.1143},
{lat: 39.2072, lng: -75.1672},
{lat: 39.2073, lng: -75.1671},
{lat: 39.2073, lng: -75.1671},
{lat: 39.2073, lng: -75.1142},
{lat: 39.2076, lng: -75.1671},
{lat: 39.2076, lng: -75.1144},
{lat: 39.2077, lng: -75.1669},
{lat: 39.2077, lng: -75.1145},
{lat: 39.2079, lng: -75.1666},
{lat: 39.2079, lng: -75.1662},
{lat: 39.208, lng: -75.1661},
{lat: 39.2081, lng: -75.1659},
{lat: 39.2082, lng: -75.1136},
{lat: 39.2084, lng: -75.1132},
{lat: 39.2086, lng: -75.1658},
{lat: 39.2088, lng: -75.1658},
{lat: 39.2092, lng: -75.1657},
{lat: 39.2094, lng: -75.1112},
{lat: 39.2094, lng: -75.1109},
{lat: 39.2095, lng: -75.1655},
{lat: 39.2095, lng: -75.1654},
{lat: 39.2095, lng: -75.1113},
{lat: 39.2095, lng: -75.1104},
{lat: 39.2095, lng: -75.1086},
{lat: 39.2095, lng: -75.1085},
{lat: 39.2095, lng: -75.1083},
{lat: 39.2096, lng: -75.1653},
{lat: 39.2096, lng: -75.1088},
{lat: 39.2097, lng: -75.1095},
{lat: 39.2097, lng: -75.1093},
{lat: 39.2097, lng: -75.109},
{lat: 39.2097, lng: -75.1084},
{lat: 39.2098, lng: -75.1652},
{lat: 39.2098, lng: -75.1084},
{lat: 39.2101, lng: -75.1648},
{lat: 39.2102, lng: -75.1082},
{lat: 39.2105, lng: -75.1645},
{lat: 39.2105, lng: -75.108},
{lat: 39.3494, lng: -75.0771}
];
window.onload = function() {
// function initialize()
// {
var GeoFence = new google.maps.Polygon({
paths: GeoFenceCoords,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 3,
fillColor: '#FF0000',
fillOpacity: 0.35
});
var myCenter=new google.maps.LatLng(39.2,-75.036699);
var myPoint=new google.maps.LatLng(39.3903478,-75.05);
var mapProp = {
center:myCenter,
fences:GeoFence
zoom:12,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
var arr = [
["39.3986", "-75.0557", '<BR>2 Call(s) Deep<BR>0.116666666666667 Minutes<BR>DOS:8/26/2015<BR>Run Num:29475<BR>Leg ID:299560<BR> Out of Chute Time:0<BR> Mun:Unknown','0'],
["39.3986", "-75.0557", '<BR>2 Call(s) Deep<BR>0.116666666666667 Minutes<BR>DOS:8/26/2015<BR>Run Num:29475<BR>Leg ID:299560<BR> Out of Chute Time:0<BR> Mun:Unknown','0']
]
for(var i=0;i<arr.length;i++) {
// switch(arr[i][3])
// {
// case 0:
// addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2]);
// case 1:
// addMarkerAndInfoWindowRed(arr[i][0], arr[i][1], arr[i][2]);
// case 2:
// addMarkerAndInfoWindowYellow(arr[i][0], arr[i][1], arr[i][2]);
// default:
// addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2]);
// }
//}
// if (arr[i][3]==0) {addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2] )} else {addMarkerAndInfoWindowRed(arr[i][0], arr[i][1], arr[i][2] )}
// addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2] )
if (arr[i][3]==0) {addMarkerAndInfoWindowBlue(arr[i][0], arr[i][1], arr[i][2] )}
if (arr[i][3]==1) {addMarkerAndInfoWindowRed(arr[i][0], arr[i][1], arr[i][2] )}
if (arr[i][3]==2) {addMarkerAndInfoWindowYellow(arr[i][0], arr[i][1], arr[i][2] )}
}
function addMarkerAndInfoWindowRed(lat, lng, content)
{
var myPoint = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: myPoint,
icon: redStar,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: content,
map: map,
position: myPoint
});
infowindow.close();
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
function addMarkerAndInfoWindowBlue(lat, lng, content)
{
var myPoint = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: myPoint,
icon: blueStar,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: content,
map: map,
position: myPoint
});
infowindow.close();
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
function addMarkerAndInfoWindowYellow(lat, lng, content)
{
var myPoint = new google.maps.LatLng(lat, lng);
var marker = new google.maps.Marker({
position: myPoint,
icon: yellowStar,
map: map
});
var infowindow = new google.maps.InfoWindow({
content: content,
map: map,
position: myPoint
});
infowindow.close();
google.maps.event.addListener(marker, "click", function() {
infowindow.open(map, marker);
});
}
}
</script>
</head>
<body>
<div id="googleMap" style="width:2000px;height:2000px;"></div>
<div style="position:absolute;top:2100px;left:0px;" title="" >
<iframe width="2000" height="1000" src="http://spider.mrsems.org/emsfrac.htm" frameborder="yes" scrolling="yes">
</iframe>
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Map nopw renders but geo fence does notI am not familiar with Geo Fence. This question was about why the map does not work. Suggest you open another question that specifically deals with that.
ASKER
Thank you.
You are welcome.
ASKER