GMap谷歌地圖實(shí)現(xiàn)代碼_.Net教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
推薦：asp.net將Execl讀到DataSet或DataTable中///summary ///從Excel讀取數(shù)據(jù) ////summary ///paramname=filePath路徑/param ///returnsDataSet/returns publicDataSetImportFromExcel(stringfilePath) { DataSetds=newDataSet(); stringconnString=Provider=Microsoft.Jet.OLEDB.4.0;DataSource=+fil
<!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>
<title>My Googel Map</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAPHHzlkwM1BqBR_nEQeIAVhQj3ceE4HUgKrBDbUpURjZ05XGTWRROLJX8OXcBIQLbTTg1TA-gzv-MGw"
type="text/javascript"></script>
<script language=javascript>
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == ’string’)
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
var isIE=(navigator.appVersion.indexOf("MSIE")!=-1)?true:false;
var dragClickX = 0;
var dragClickY = 0;
function catchFlyBar(ev)
{
ev=ev||window.event;
var x=ev.clientX+document.body.scrollLeft;
var y=ev.clientY+document.body.scrollTop;
dragClickX=x-parseInt($("divFlyBar").style.left);
dragClickY=y-parseInt($("divFlyBar").style.top);
isIE? $("divFlyBar").setCapture():null;
document.onmousemove = moveFlyBar;
}
function moveFlyBar(ev)
{
ev=ev||window.event;
$("divFlyBar").style.left = ev.clientX-dragClickX+"px";
$("divFlyBar").style.top = ev.clientY-dragClickY+"px";
}
function releaseFlyBar()
{
isIE? $("divFlyBar").releaseCapture():null;
document.onmousemove = null;
}
var map = null;
function load()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById(’map’));
marker = new GMarker(new GLatLng(31.15, 121.50));
var html = ’<div style="width: 100px;text-align:center;padding-right:10px;">’+
’<table align=center>’+
’<tr>’+
’<td><a href="#">上海市</a></td>’+
’</tr>’+
’<tr>’+
’<td><img src="dfmz.jpg" /></td>’+
’</tr>’+
’</table>’+
’</div>’
map.setCenter(new GLatLng(31.132767,121.283330), 10);
map.addControl(new GSmallMapControl());
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());
map.addOverlay(marker);
marker.openInfoWindowHtml(html);
}
}
function btnDw_onclick()
{
if (GBrowserIsCompatible())
{
map.setMapType(G_SATELLITE_MAP);
var marker = new GMarker(new GLatLng(31.114394,121.264457));
var html = ’<div style="width: 300px;padding-right:10px;">’+
’<table>’+
’<tr>’+
’<td colspan="2"><a href="#">北京城市地理信息有限公司</a></td>’+
’</tr>’+
’<tr>’+
’<td>北京市崇文區(qū)東影南路66號(hào)</td>’+
’<td><img src="ds.jpg" /></td>’+
’</tr>’+
’</table>’+
’</div>’
map.setCenter(new GLatLng(31.114394,121.264457), 18);
map.addOverlay(marker);
marker.openInfoWindowHtml(html);
}
}
function btnDingwei_onclick()
{
var address = document.getElementById(’txtAddress’).value;
var geocoder = new GClientGeocoder();
if (geocoder)
{
geocoder.getLatLng
(
address,
function(point)
{
if (!point)
{
alert("不能解析: " + address);
}
else
{
map.setCenter(point, 16);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
</script>
</HEAD>
<BODY onload="load()" onunload="GUnload()">
<div style="margin: auto atup 20px auto; text-align:center; margin-bottom: 10px;">
<input id="btnDw" type="button" value="定位至北京城市地理信息有限公司" language="javascript" onclick="return btnDw_onclick()" />
<input id="txtAddress" style="width: 395px" onclick="this.select()" type="text" value="北京水立方" />
<input id="btnDingwei" type="button" value="定位" language="javascript" onclick="return btnDingwei_onclick()" />
</div>
<div id="divFlyBar" onMouseDown="catchFlyBar(event)"
onMouseUp="releaseFlyBar()"
style=’position: absolute; top: 100px; left: 200px; cursor: move; z-index: 100’>
<table
style="filter: alpha(opacity = 90); background-color: #9A9A9A;"
width=192 border="0" cellspacing="1" cellpadding="0">
<tr>
<td>
<table width=100% height="25" border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
</td>
</tr>
</table>
</td>
</tr>
<tr id=flyTailerTr name=flyTailerTr>
<td id=flyTailerHolder name=flyTailerHolder
style=’color: black; font-weight: bold; font-size: 12px; font-family: Courier New;’
align=center>
<div id="map" style="width: 700px; height: 400px; margin: auto;"></div>
</td>
</tr>
</table>
</div>
</BODY>
</HTML>
分享：asp.net css控制打印功能styletype=text/css @mediaprint//表示打印的時(shí)候。 { #nok{display:none;}//表示id為nok的控件不顯示。 } /style divstyle=text-align:right;id=nok 已經(jīng)上了 %=shke.ToString()% 節(jié)課，還 %=noke.ToString()% 節(jié)課沒有上。 /div 這樣寫：主要是方便瀏
相關(guān).Net教程：
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發(fā)送Email實(shí)例(可帶附件)
- js實(shí)現(xiàn)廣告漂浮效果的小例子
- asp.net Repeater 數(shù)據(jù)綁定的具體實(shí)現(xiàn)
- Asp.Net 無刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
- Asp.net獲取客戶端IP常見代碼存在的偽造IP問題探討
- VS2010 水晶報(bào)表的使用方法
- ASP.NET中操作SQL數(shù)據(jù)庫(連接字符串的配置及獲取)
- asp.net頁面?zhèn)髦禍y(cè)試實(shí)例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲(chǔ)過程實(shí)現(xiàn)分頁示例代碼
.Net教程Rss訂閱編程教程搜索
.Net教程推薦
- ASP.NET立即上手教程(10)
- 解析Asp.Net頁面執(zhí)行流程
- Flex與.NET互操作：基于WebService的數(shù)據(jù)訪問
- IE10下Gridview后臺(tái)設(shè)置行高不起作用解決方法
- 關(guān)于.NET Framework中的設(shè)計(jì)模式--應(yīng)用策略模式為List排序
- .net開發(fā)中的一些注意事項(xiàng)及小技巧
- 淺談ASP.NET的PHP執(zhí)行速度
- 解讀ASP.NET常用的優(yōu)化性能方法
- 如何實(shí)現(xiàn)ASP.NET網(wǎng)站個(gè)性化
- .NET調(diào)用控制臺(tái)下生成的exe文件,傳參及獲取返回參數(shù)的思路及代碼
- 相關(guān)鏈接：
- 教程說明：
.Net教程-GMap谷歌地圖實(shí)現(xiàn)代碼
。