Note that there are some explanatory texts on larger screens.

plurals
  1. POJavascript function works on postback but not page load
    primarykey
    data
    text
    <p>I'm using a Google Maps plugin, and I want it to show up on the page load as well as all postbacks. It seems to only work on postbacks though. Any ideas? I have the body onload tag as "body background="#ccccff" onload="initialize()"", but the function is not defined the first time. Why? Here is the code:</p> <pre><code>&lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt; &lt;/script&gt; &lt;script type="text/javascript"&gt; var mostRecentInfo; function initialize() { var center = new google.maps.LatLng(0, 0); var mapOptions = { center: center, zoom:1, mapTypeId: google.maps.MapTypeId.SATELLITE }; var map = new google.maps.Map(document.getElementById("map"), mapOptions); var posStr = &lt;%=JSON%&gt;; if (posStr.toString() != "0") { var test = posStr.toString().split(','); var groundstation = &lt;%=groundStation%&gt;; var dateTimeStr = &lt;%=datetimesStr%&gt;; var AUStr = &lt;%=auStr%&gt;; var spaceCraft = &lt;%=spacecraft%&gt;; var dateTimes = dateTimeStr.toString().split(','); var auIDs = AUStr.toString().split(','); var latitude = new Array((test.length / 2)); var longitude = new Array(latitude.length); var i = 0; var markerArray = new Array(); for (var j = 0; j &lt; (test.length - 1); j = j + 2) { latitude[i] = eval(test[j+1]); longitude[i] = eval(test[j]); var position = new google.maps.LatLng(latitude[i], longitude[i]); var marker = new google.maps.Marker({ map:map, position:position }); markerArray.push(marker); i++; } var sumLat = 0; var sumLong = 0; for (i = 0; i &lt; latitude.length; i++) { sumLat += latitude[i]; sumLong += longitude[i]; } var avgLat = sumLat / latitude.length; var avgLong = sumLong / longitude.length; center = new google.maps.LatLng(avgLat, avgLong); map.panTo(center); var circle; var contentStr = new Array(); for (i = 0; i &lt; markerArray.length; i++) { position = markerArray[i].getPosition(); var circOptions = { strokeColor:"#770000", strokeOpacity:0.1, fillColor:"#881111", fillOpacity:0.4, map:map, center:position, radius:2500000 }; circle = new google.maps.Circle(circOptions); marker = markerArray[i]; contentStr[i] = '&lt;div id="content"&gt;' + '&lt;b&gt;Spacecraft: &lt;/b&gt;' + spaceCraft.toString() + '&lt;br /&gt;' + '&lt;b&gt;Start Time (UTC): &lt;/b&gt;' + dateTimes[i].toString() + '&lt;br /&gt;' + '&lt;b&gt;Position: &lt;/b&gt;(' + latitude[i].toString() + ', ' + longitude[i].toString() + ')&lt;br /&gt;' + '&lt;b&gt;AU ID: &lt;/b&gt;' + auIDs[i] + '&lt;br /&gt;' + '&lt;b&gt;Downlink Station: &lt;/b&gt;' + groundstation.toString() + '&lt;br /&gt;' + '&lt;/div&gt;'; addListener(map, marker, contentStr[i]); } } } function addListener(map, marker, content) { var infowindow = new google.maps.InfoWindow({ content:content }); google.maps.event.addListener(marker, 'mouseover', function() { if (mostRecentInfo) mostRecentInfo.close(); mostRecentInfo = infowindow; infowindow.open(map, this); }); } </code></pre> <p></p> <p>etc.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload