Link to home
Start Free TrialLog in
Avatar of Will
WillFlag for United States of America

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:

<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>

Open in new window



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>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Will

ASKER

Thank you.  Map nopw renders but geo fence does not
Map nopw renders but geo fence does not
I 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.
Avatar of Will

ASKER

Thank you.
You are welcome.