GMap谷歌地图实现代码_.Net教程
教程Tag:暂无Tag,欢迎添加,赚取U币!
推荐:asp.net将Execl读到DataSet或DataTable中///summary ///从Excel读取数据 ////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>北京市崇文区东影南路66号</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//表示打印的时候。 { #nok{display:none;}//表示id为nok的控件不显示。 } /style divstyle=text-align:right;id=nok 已经上了 %=shke.ToString()% 节课,还 %=noke.ToString()% 节课没有上。 /div 这样写:主要是方便浏
相关.Net教程:
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP发送Email实例(可带附件)
- js实现广告漂浮效果的小例子
- asp.net Repeater 数据绑定的具体实现
- Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
- Asp.net获取客户端IP常见代码存在的伪造IP问题探讨
- VS2010 水晶报表的使用方法
- ASP.NET中操作SQL数据库(连接字符串的配置及获取)
- asp.net页面传值测试实例代码
- DataGridView - DataGridViewCheckBoxCell的使用介绍
- asp.net中javascript的引用(直接引入和间接引入)
- 三层+存储过程实现分页示例代码
- 相关链接:
- 教程说明:
.Net教程-GMap谷歌地图实现代码。