尝试使用google地图来绘制GPRS路径,后来看了看百度地图,发现也很方便.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>
百度地图的Hello, World</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.1&services=true">
</script>
<script language="javascript">
var map;
function initmap()
{
map = new BMap.Map("container"); // 创建Map实例
var point = new BMap.Point(120.098, 36.372); // 创建点坐标
map.centerAndZoom(point,10); // 初始化地图,设置中心点坐标和地图级别。
}
function go1(){
x=document.getElementById("x").value;
y=document.getElementById("y").value;
var point = new BMap.Point(x, y); // 创建点坐标
map.centerAndZoom(point,10);
}
</script>
</head>
<body onLoad="initmap()">
<p>请输入坐标:</p>
<form name="form1" method="post" action="">
x:
<label for="x"></label>
<input type="text" name="x" id="x">
y:
<label for="y"></label>
<input type="text" name="y" id="y">
<input type="button" name="go" id="btngo" value="按钮" onClick="go1()">
</form>
<div style="800px;height:600px;border:1px solid gray" id="container"></div>
<p> </p>
</body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>
百度地图的Hello, World</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.1&services=true">
</script>
<script language="javascript">
var map;
function initmap()
{
map = new BMap.Map("container"); // 创建Map实例
var point = new BMap.Point(120.098, 36.372); // 创建点坐标
map.centerAndZoom(point,10); // 初始化地图,设置中心点坐标和地图级别。
}
function go1(){
x=document.getElementById("x").value;
y=document.getElementById("y").value;
var point = new BMap.Point(x, y); // 创建点坐标
map.centerAndZoom(point,10);
}
</script>
</head>
<body onLoad="initmap()">
<p>请输入坐标:</p>
<form name="form1" method="post" action="">
x:
<label for="x"></label>
<input type="text" name="x" id="x">
y:
<label for="y"></label>
<input type="text" name="y" id="y">
<input type="button" name="go" id="btngo" value="按钮" onClick="go1()">
</form>
<div style="800px;height:600px;border:1px solid gray" id="container"></div>
<p> </p>
</body>
</html>
不过这其中我遇到了一个小问题,一开始我把javascript函数定义成了go(){...},结果在按钮的onClick调用时总没有响应(可放在body中,比如在body的onClick="go()",竟然能执行),后来才想起go()是javascript自身的函数,唉,这么低级的错误!