⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 51ditu.aspx

📁 google地图
💻 ASPX
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="51ditu.aspx.cs" Inherits="_51ditu" %>

<!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>

    <script type="text/javascript" src=" http://api.51ditu.com/js/maps.js "></script>

    <script type="text/javascript" src="scripts/jquery.js"></script>

    <script type="text/javascript" src="scripts/jquery.51ditu.js"></script>

    <script type="text/javascript">
    var clickMarker;
    $(function(){
        $("#map").InitMap(
            {
                maptype : "h",    //h, r
                overview : true,
                navscale : "large", //small, large
                center :
                {
                    lat : 24.898817,
                    lng : 118.598643,
                    zoom : 7
                }
            }
        );
        
        $("#btnGetPoint").click(
            function()
            {
                if(clickMarker != null)
                {                 
                    $("#map").RemoveOverlay(clickMarker);
                }
                
                var lat = $("#txtLat").val();
                var lng = $("#txtLng").val();
                
                clickMarker = $("#map").OpenInfoWindow(
                    {
                        point :
                        {
                            lat : lat,
                            lng : lng
                        },
                        info : "<center><img src=images/q1z_001.png /><br>蓝水晶</center>",
                        icon : 
                        {
                            url : "images/marker.gif",
                            width : 20,
                            height: 20
                        }
                    }
                );
            }
        );
    });
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div id="map" class="map" style="position: relative; width: 500px; height: 500px;">
        </div>
        纬度:<input type="text" id="txtLat" value="24.898966571901425" /><br />
        经度:<input type="text" id="txtLng" value="118.59819531440735" /><br />
        <input type="button" id="btnGetPoint" runat="server" value="取得点" />
    </form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -