连接 Visual Studio 项目上的服务器端和客户端

本文关键字：服务器端 客户端 Visual Studio 项目 连接 | 更新日期: 2023-09-27 18:33:16

我们用HTML编写了这段代码 

<!DOCTYPE html>
<html>
<head>
<title>Google Maps</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/markers.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1255">
</head>
<body><div id="map"></div>
<input type="button" id="showmarkers" value="Show Markers" />
</body>
</html>

和这段代码在 JAVASCRIPT 中

$(document).ready(function() {
  $("#map").css({
        height:600,
        width: 2000
    });
    var myLatLng = new google.maps.LatLng(31.2402893696987, 34.7672211844361);
  MYMAP.init('#map', myLatLng, 11);
  $("#showmarkers").click(function(e){
        MYMAP.placeMarkers('markers.xml');
});
});
var MYMAP = {
  map: null,
    bounds: null
}
MYMAP.init = function(selector, latLng, zoom) {
  var myOptions = {
    zoom:zoom,
    center: latLng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  this.map = new google.maps.Map($(selector)[0], myOptions);
    this.bounds = new google.maps.LatLngBounds();
}
MYMAP.placeMarkers = function(filename) {
    $.get(filename, function(xml){
        $(xml).find("marker").each(function(){
            var name = $(this).find('name').text();
            var address = $(this).find('address').text();
            // create a new LatLng point for the marker
            var lat = $(this).find('lat').text();
            var lng = $(this).find('lng').text();
            var point = new google.maps.LatLng(parseFloat(lat),parseFloat(lng));
            // extend the bounds to include the new point
            MYMAP.bounds.extend(point);
            var marker = new google.maps.Marker({
                position: point,
                map: MYMAP.map
            });
            var infoWindow = new google.maps.InfoWindow();
            var html='<strong>'+name+'</strong.><br />'+address;
            google.maps.event.addListener(marker, 'click', function() {
                infoWindow.setContent(html);
                infoWindow.open(MYMAP.map, marker);
            });
            MYMAP.map.fitBounds(MYMAP.bounds);
        });
    });
}

我们希望使用此代码在我们的 ASP. NET （C#） 网站上显示谷歌地图。是否可以将整个代码按原样加载到我们网站上的一个页面？谢谢！！！！！

连接 Visual Studio 项目上的服务器端和客户端

是的。将新的.aspx文件添加到 ASP.NET 项目中，只需将其默认内容替换为 HTML 即可。
然后，在<head>部分添加一个脚本块： 

<script language="javascript">
</script>

在两者之间，粘贴你的javascript代码。

现在，从项目中的任何其他页面添加指向此页面的链接。
这应该可以正常工作。

相关文章：