<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> </head><body onload="load()"> <div style="width:400px;height:300px;border:#ccc solid 1px;" id="map" ></div> </body><script type="text/javascript"> //百度地图API功能 var map = new BMap.Map('map'); map.enableScrollWheelZoom(); // var poi = new BMap.Point(114.325111,30.57984); //获得当前城市 var myCity = new BMap.LocalCity(); myCity.get(myFun); function myFun(result){ var cityName = result.name; map.setCenter(cityName); map.centerAndZoom(cityName,14); //alert(cityName); } </script> </html>
我想要要是吧你的代码写到load方法里,也应该可以吧 你也可以试试。
哦,我试试。另外刚我改了改:<body> <div id="search"> 公交路线查询:<input id="begin" />到<input id="end"/><input type="button" id="btn_search" value="搜索"/> </div> <div id="main"></div> <div id="result"></div> </body> <script type="text/javascript"> //创建地图实例 var map = new BMap.Map("main"); //创建点坐标 var point = new BMap.Point(112.460493, 34.624311); //初始化地图,设置中心点坐标和地图级别 map.centerAndZoom(point, 15); //向地图添加控件 map.addControl(new BMap.NavigationControl()); //地图平移缩放控件,默认左上角 map.addControl(new BMap.OverviewMapControl({ isOpen: 1 })); //缩略地图控件,默认右下角 map.enableScrollWheelZoom(true); //启用鼠标滚动缩放地图 map.enableKeyboard(); //启用键盘上下左右键移动地图 //创建标注 ,并将标注添加到地图中 var er = new BMap.Marker(point); map.addOverlay(er); //给标注添加事件 er.addEventListener("click", function (e) { map.openInfoWindow(infoWindow, e.point); //打开信息窗口 }); //启用标注拖拽功能,并及时获取标注最新位置 er.enableDragging(); er.addEventListener("dragend", function (e) { alert("当前位置:" + e.point.lng + ", " + e.point.lat); }) //创建信息窗口对象 var opts = { width: 100, // 信息窗口宽度 height: 50, // 信息窗口高度 title: "这是钟楼" //信息窗口标题 } var infoWindow = new BMap.InfoWindow("", opts); //公交查询 $("#btn_search").click(function () { $("#main").css("width", "80%"); $("#result").css("width", "20%"); var transit = new BMap.TransitRoute(map, { renderOptions: { map: map, panel: "result", autoViewport: true } }); transit.search($("#begin").val(), $("#end").val()); }); </script>还是有错误
我这个行啊 你看看这个包,换上还有错嘛 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=A63e90def3d0f5488ab9032056429a0d"></script> <!--加载鼠标绘制工具--> <script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script> <link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" /></head><body onload="load()"> <div style="width:400px;height:300px;border:#ccc solid 1px;" id="map" ></div> </body><script type="text/javascript"> //百度地图API功能 var map = new BMap.Map('map'); map.enableScrollWheelZoom(); // var poi = new BMap.Point(114.325111,30.57984); //获得当前城市 var myCity = new BMap.LocalCity(); myCity.get(myFun); function myFun(result){ var cityName = result.name; map.setCenter(cityName); map.centerAndZoom(cityName,14); //alert(cityName); } </script> </html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title>
</head><body onload="load()">
<div style="width:400px;height:300px;border:#ccc solid 1px;" id="map" ></div>
</body><script type="text/javascript">
//百度地图API功能
var map = new BMap.Map('map');
map.enableScrollWheelZoom();
// var poi = new BMap.Point(114.325111,30.57984);
//获得当前城市
var myCity = new BMap.LocalCity();
myCity.get(myFun);
function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
map.centerAndZoom(cityName,14);
//alert(cityName);
}
</script>
</html>
<div id="search">
公交路线查询:<input id="begin" />到<input id="end"/><input type="button" id="btn_search" value="搜索"/>
</div>
<div id="main"></div>
<div id="result"></div>
</body>
<script type="text/javascript">
//创建地图实例
var map = new BMap.Map("main"); //创建点坐标
var point = new BMap.Point(112.460493, 34.624311); //初始化地图,设置中心点坐标和地图级别
map.centerAndZoom(point, 15); //向地图添加控件
map.addControl(new BMap.NavigationControl()); //地图平移缩放控件,默认左上角
map.addControl(new BMap.OverviewMapControl({ isOpen: 1 })); //缩略地图控件,默认右下角
map.enableScrollWheelZoom(true); //启用鼠标滚动缩放地图
map.enableKeyboard(); //启用键盘上下左右键移动地图
//创建标注 ,并将标注添加到地图中
var er = new BMap.Marker(point);
map.addOverlay(er); //给标注添加事件
er.addEventListener("click", function (e) {
map.openInfoWindow(infoWindow, e.point); //打开信息窗口
}); //启用标注拖拽功能,并及时获取标注最新位置
er.enableDragging();
er.addEventListener("dragend", function (e) {
alert("当前位置:" + e.point.lng + ", " + e.point.lat);
}) //创建信息窗口对象
var opts = {
width: 100, // 信息窗口宽度
height: 50, // 信息窗口高度
title: "这是钟楼" //信息窗口标题
}
var infoWindow = new BMap.InfoWindow("", opts);
//公交查询
$("#btn_search").click(function () {
$("#main").css("width", "80%");
$("#result").css("width", "20%");
var transit = new BMap.TransitRoute(map, {
renderOptions: { map: map, panel: "result", autoViewport: true }
});
transit.search($("#begin").val(), $("#end").val());
});
</script>还是有错误
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test</title><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=A63e90def3d0f5488ab9032056429a0d"></script>
<!--加载鼠标绘制工具-->
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" /></head><body onload="load()">
<div style="width:400px;height:300px;border:#ccc solid 1px;" id="map" ></div>
</body><script type="text/javascript">
//百度地图API功能
var map = new BMap.Map('map');
map.enableScrollWheelZoom();
// var poi = new BMap.Point(114.325111,30.57984);
//获得当前城市
var myCity = new BMap.LocalCity();
myCity.get(myFun);
function myFun(result){
var cityName = result.name;
map.setCenter(cityName);
map.centerAndZoom(cityName,14);
//alert(cityName);
}
</script>
</html>
公交路线查询:<input id="begin" />到<input id="end"/><input type="button" id="btn_search" value="搜索"/>
</div>
<div id="main"></div>
<div id="result"></div> 我把<script>写在外边还是不行还是出现错误