谷歌地图

mywebcode

浏览: 1003108 次

最近访客更多访客>>

u012363178

qq_33632159

cshui

dd_9921

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (2181)

社区版块

存档分类

2014-04 ( 138)
2014-03 ( 64)
2014-02 ( 54)
更多存档...

点击谷歌地图得到地理坐标

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 我的谷歌地图</title>
<script src="http://ditu.google.com/maps?file=api&;v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN"
type="text/javascript"></script>

if (GBrowserIsCompatible()) {
var px = 39.1144729;
var py = 117.1641884;
var zo = 16;
var map = new GMap2(document.getElementById("mapContainer"));
var point = map.setCenter(new GLatLng(px, py));
// map.addControl(new GScaleControl()); //比例图示
// map.addControl(new GLargeMapControl()); //缩放图标
map.addControl(new GOverviewMapControl());
map.enableDoubleClickZoom();//允许鼠标双击放大(左键)和缩小(右键)
map.enableScrollWheelZoom();//允许鼠标滚轮放大和缩小
map.enableContinuousZoom(); //
map.setCenter(point, zo);

//点击获取地理坐标
clickListener=GEvent.addListener(map, "click", function(marker,point)
{
if(point)
{
document.getElementById("mapx").value=point.lat();
document.getElementById("mapy").value=point.lng();
}
if (marker)
{
map.removeOverlay(marker);
} else
{
map.clearOverlays();
map.addOverlay(new GMarker(point));
}
}
);

// 获取当前倍率
// GEvent.addListener(map, "zoomend", function() {document.all.zo.value=map.getZoom();});

// 获取当前中心点
// GEvent.addListener(map, "moveend", function() {var point = map.getCenter();document.all.mx.value=point.lat();document.all.my.value=point.lng();});

//初始化

document.getElementById("mapy").value = py;
document.getElementById("mapx").value = px;
}
}

function divClose(){
var mapContainer = document.getElementById("mapContainer");
document.getElementById("hsi").style.display="none";
mapContainer.style.display="none";
}

</script>

</html>

分享到：