我正在使用带有 C# 的 asp.net。我使用 JavaScript 在我的应用程序中嵌入了 Google 地图。我输入纬度和经度，它会在谷歌地图上显示位置。现在我希望它从数据库中获取 lat & lng 并显示位置。
这是我的代码：
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC6v5-2uaq_wusHDktM9ILcqIrlPtnZgEk&sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var lat = document.getElementById('txtlat').value;
var lon = document.getElementById('txtlon').value;
var myLatlng = new google.maps.LatLng(lat, lon)
var mapOptions = {
center: myLatlng,
zoom: 18,
mapTypeId: google.maps.MapTypeId.ROADMAP,
marker: true
};
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng
});
marker.setMap(map);
}
</script>
</head>
<body >
<table>
<tr>
<td class="style3">Enter Latitude:</td>
<td><input type="text" id="txtlat" value="" onclick="return txtlat_onclick()" /> </td>
</tr>
<tr>
<td class="style3">Enter Longitude:</td>
<td><input type="text" id="txtlon" value="" onclick="return txtlon_onclick()" /> </td>
</tr>
<tr>
<td> </td>
<td><input type="button" value="Submit" onclick="javascript:initialize()" /> </td>
</tr>
</table>
<div id="map_canvas" style="width: 535px; height: 347px"></div>
</body>
</html>