62,046
社区成员
发帖
与我相关
我的任务
分享
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GoogleMap.aspx.cs" Inherits="GoogleMap" %>
<!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 src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAkgsXt2nOoL9Foz4-IBzXExQBqLk5Y_Q14H7J0MBYyV73b7uW3xRSTQVVI88YmOL2AXjr9fyM_GOApg" type="text/javascript"></script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.googlemap.js"></script>
<script type="text/javascript">
var clickMarker;
$(function(){
$("#map").InitMap(
{
maptype : "r", //h, r
overview : true,
navscale : "large", //small, large
center :
{
lat : 34.22325560823432,
lng : 117.20138669013977,
zoom : 16
}
}
);
$("#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="width:500px;height:500px;">
</div>
纬度:<input type="text" id="txtLat" value="34.22325560823432" /><br />
经度:<input type="text" id="txtLng" value="117.20138669013977" /><br />
<input type="button" id="btnGetPoint" runat="server" value="取得点" />
</form>
</body>
</html>
<script type="text/javascript">
var clickMarker;
$(function(){
$("#map").InitMap(
{
maptype : "r", //h, r
overview : true,
navscale : "large", //small, large
center :
{
lat : 34.22325560823432,
lng : 117.20138669013977,
zoom : 16
}
}
);
$("#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
}
}
);
}
);
$("#btnGetPoint").click();
});
</script>
$(function(){
$("#你的ID").bind("click",function(){
执行函数
})
})
$(document).ready(function() {
InitExpand();
});