?? googlemap.aspx
字號:
?<%@ 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>無標(biāo)題頁</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA0fxfR8rjOd4hxLs_eexgpRRimBLt2IddMicNozU_OKWiRrWnCxRQJfdSC6h-mkpOMKWzsmU68PhJdQ" 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 : "h", //h, r
overview : true,
navscale : "large", //small, large
center :
{
lat : 24.898817,
lng : 118.598643,
zoom : 14
}
}
);
$("#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>藍(lán)水晶</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="24.898966571901425" /><br />
經(jīng)度：<input type="text" id="txtLng" value="118.59819531440735" /><br />
<input type="button" id="btnGetPoint" runat="server" value="取得點" />
</form>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -