asp.net 中引入google 地图-CSDN博客

本文链接：https://blog.csdn.net/tao19840705/article/details/6428555

本文展示了一个使用Google地图API创建简单地图应用的例子。通过设定经纬度坐标，可以在网页上显示指定位置的地图，并放置一个标记。该示例还包含了如何设置地图的基本属性如缩放级别和地图类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css"
        rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
   function initialize() {
     var myLatlng = new google.maps.LatLng("<%=la%>","<%=lo%>");
     var myOptions = {
        zoom: 16,
      center: myLatlng,
   mapTypeId: google.maps.MapTypeId.ROADMAP
     }
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
     var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: "<%=title%>"
     });
}
    </script>
</head>
<body onload="initialize()" style="text-align: center">
    <form id="form1" runat="server">
        <div id="map_canvas" style="width: 70%; height: 340px; margin-top: 2px; margin-bottom: 5px;
            border: solid 1px #ccc; background-color: #F2EFE9; margin: 120px 100px 100px 200px">
        </div>
    </form>
</body>
</html>