json を使用してデータベースからデータを取得していますが、Google マップがまったく表示されません。また、情報ウィンドウにデータを表示したいのですが、マップを取得できません。スクリプトまたはコードで何が欠けているのかわかりません。私を助けてください
My code
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Show/Add multiple markers to Google Maps from database in asp.net website
</title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-
2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false">
</script>
<script type="text/javascript">
function SelectValue()
{
var data1= $.ajax
({
type:'POST',
url: 'MapDetais.aspx',
data:'{}',
dataType: 'json',
async:false,
success: function(data)
{
for (var i = 0; i < data.length; i++)
{
var name=data[i].Name;
var lon=data[i].Longitude;
var lat=data[i].Latitude;
var desc=data[i].Description;
var photo=data[i].Photo;
alert(data1)
}
function initialize()
{
var mapOptions =
{
center: new google.maps.LatLng(lat, lon),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var infoWindow = new google.maps.InfoWindow();
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
}
}
});
}
</script>
</head>
<body onload="SelectValue()">
<form id="form1" runat="server">
<div id="map_canvas" style="width: 500px; height: 400px">
</div>
</form>
</body>
</html>