circle with database..in google maps

Aug 5 2013 2:08 AM

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>
<script type="text/javascript" src="../src/infobox.js"></script>
<script type="text/javascript">
var amsterdam = new google.maps.LatLng(28.5472, 77.2508);

function overload() {
var markers = JSON.parse('<%=ConvertDataTabletoString() %>');
var mapProp = {
center: amsterdam,
zoom: 7,
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById("map-canvas"), mapProp);
for (i = 0; i < markers.length; i++) {
var data = markers[i];
var myLatlng = new google.maps.LatLng(data.lat, data.long);
var myCity = new google.maps.Circle({
center: myLatlng,
radius: 2,
strokeColor: "#0000FF",
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: "#0000FF",
fillOpacity: 0.4
});
}
myCity.setMap(map);

google.maps.event.addDomListener(window, 'load', overload);
}

</script>
<title>Creating and Using an InfoBox</title>
</head>
<body onload="overload()">
<div id="map_canvas" style="width: 100%; height: 400px"></div>
<p>
its shows that it gets data from database and displays in circle...
</body>
</html>

its showing the error...
Error: Unterminated string constant

around the :

var markers = JSON.parse('<%=ConvertDataTabletoString() %>');

help

Answers (3)

ResizeoftheWindowmakesdataingrdvwinmodelpopupdisplayafter10S