<!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" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Google地图坐标获取-双击显示坐标-Mzwu.Com</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#googlemap {
width: 700px;
height: 500px;
}
body,td,th {
font-size: 12px;
}
-->
</style>
<!-- old url: http://ditu.google.cn/maps -->
<script type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAo1sraUc4Q2P6t_JKwmK9qxShJ8qV7yGbEQAt-IAoNYd4p_ayexQxCJPQhC92wTgbfbMuC1k5NqzAMg&hl=zh-CN"></script>
<script type="text/javascript">
//窗体加载完成后显示地图
window.onload = function(){
if(GBrowserIsCompatible()){
var map = new GMap2(document.getElementById("googlemap"));
map.setCenter(new GLatLng(26.08594007864248,119.2989706993103), 14);
map.setMapType(G_HYBRID_MAP);//地图类型：G_NORMAL_MAP,G_SATELLITE_MAP,G_HYBRID_MAP
map.addControl(new GLargeMapControl());//缩放控件
map.addControl(new GMapTypeControl());//地图类型切换控件
map.addControl(new GScaleControl());//地图比例尺控件
GEvent.addListener(map, "click", function(overlay,latlng){//单击显示坐标
document.getElementById("btnlatlng").value = latlng.lat() + "," + latlng.lng();
document.getElementById("btnlatlng2").value = latlng.latRadians() + "," + latlng.lngRadians();
});
}
};
//防止内存泄漏
window.onunload = GUnload;
</script>
</head>
<body>
<div id="googlemap"></div>
(纬度,经度)：<br/>
<input name="btnPoint" type="text" id="btnlatlng" size="38" />(单位：度)<br/>
<input name="btnPoint" type="text" id="btnlatlng2" size="38" />(单位：弧度)<br/>
</body>
</html>运行上边代码，在Google地图上单击任意位置即可显示经纬度。
评论（0）
暂无评论。