百度地图之Hello world !

发布于 2022-10-15 05:09:21 字数 2904 浏览 20 评论 0

转：
百度地图之Hello world !
尝试使用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="width:800px;height:600px;border:1px solid gray" id="container"></div>
<p> </p>
</body>
</html>