📄 51ditu.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 + -