Google 电子地图和卫星地图校正

最新推荐文章于 2021-12-04 09:59:08 发布

iteye_18104

最新推荐文章于 2021-12-04 09:59:08 发布

阅读量245

点赞数

分类专栏： googleAPI 文章标签： Google JavaScript XHTML HTML ViewUI

googleAPI 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<script src="http://ditu.google.cn/maps?file=api&v=2&key=abcdefg&sensor=true_or_false"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map;
var i=true;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(22.5, 113.9), 8);
GEvent.addListener(map, "moveend", function(){
var center = map.getCenter();
var latField = document.getElementById("textLat");
var lngField = document.getElementById("textLng");
latField.value = center.lat();
lngField.value = center.lng();
});
/* var geoPoint0 = new GLatLng(22.5, 113.9);
var marker0 = new GMarker(geoPoint0);
map.addOverlay(marker0);

var geoPoint1 = new GLatLng (23.7, 114.4);
//var marker1 = ;
map.addOverlay(new GMarker(geoPoint1));*/
}

map.addControl(new GLargeMapControl());
map.addControl(new GMenuMapTypeControl() );
// map.addmaptype(map.mousemove(latlng:GLatLng)) ;
// document.form1.textfield.value=map.getBounds();

}

function getLatLng(event)
{
if( !map) return;
var e = event ? event : window.event;
var container = document.getElementById("map_canvas");
var x = event.clientX - container.offsetLeft;
var y = event.clientY - container.offsetTop;
var gPoint = new GPoint(x, y);
var latLng = map.fromContainerPixelToLatLng(gPoint);
var latField = document.getElementById("textLat");
var lngField = document.getElementById("textLng");
latField.value = latLng.lat();
lngField.value = latLng.lng();
}

function getXY()
{
var container = document.getElementById("map_canvas");
var x = container.offsetLeft;
var y = container.offsetTop;
alert(x);
while(container = container.parentNode)
{
if(container.tagName == "body" || container.tagName == "BODY") break;
x += container.offsetLeft;
y += container.offsetTop;
}
alert(x);
}

function move()
{
map.panTo(new GLatLng(22.5, 113.9), 12);
//map.panTo(new GLatLng(,), 12);
}

function change(event)
{
if(!i)
map.setMapType(G_NORMAL_MAP);
else
map.setMapType(G_SATELLITE_MAP);
i=!i;
}

function getpoint()
{

}

</script>

</head>
<body οnlοad="initialize()" οnunlοad="GUnload()">

<div id="map_canvas" style="width:800px; height:600px" οnmοusemοve="getLatLng(event)"></div>

<input type="button" value="测试" οnclick="getXY()"/>
<form name="form1">
<p>
<label></label>
维度：<input type="text" readonly="true" id="textLat" />
<input type="button" value="返回地图初始点" οnclick="move()" />
<br />
精度：<input type="text" readonly="true" id="textLng" />
<input type="button" value=" 切换地图模式 " οnclick="change()"/>
</p>
</form>

</body>
</html>

敲的很辛苦，留个言吧

iteye_18104

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Google 电子地图和卫星地图校正

!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Google Maps JavaScript API Example // ...
复制链接

扫一扫