其中一部分的内容只用到一个api(fun(),标记1中的内容)可以单独运行,但是前面加了一些内容(嵌到另一个网站的api中,前一部分可以,到了标记2就不能再运行了)
一直不知为什么,求问(代码比较乱,见谅)
<html>
<head>
<meta charset="UTF-8">
<title>街景地图</title>
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=UzRj5wun4UgkuoSdCimROD8k">
</script>
<script type="text/javascript"
src="http://webapi.amap.com/maps?v=1.3&key=c0ee23ad2324c26661065de94f5b5676&plugin=AMap.Driving">
</script>
</head>
<body>
<div id="container"></div>
<div id="panel"></div>
<script type="text/javascript">
//基本地图加载
var map = new AMap.Map("container", {
resizeEnable: true,
//地图中心点
zoom: 13 //地图显示的缩放级别
});
AMap.service(["AMap.RoadInfoSearch"], function() { //加载地理编码
var road=new AMap.RoadInfoSearch({
city:"福州",
panel:"result"
});
alert("2:");
road.roadInfoSearchByRoadName("金山大道",function (status,result){
if(status=="error ")alert("error");
else if (status=="no_data")alert("noting");
else {
var a = result.info;
var b = result.roadInfo;
var e = b[0].path[0];
var llength = b[0].path.length;
var f = b[0].path[llength - 1];
lng1=e[0].lng;
lat1=e[0].lat;
lng2=f[0].lng;
lat2=f[0].lat;
alert("3:")
fun();** // 标记1**
}
});
});
function fun(){
alert(lng1);
alert(lat1);
alert(lng2);
alert(lat2);
var myGeo = new BMap.Geocoder(); //将地址解析结果显示在地图上,并调整地图视野
var map = new BMap.Map('container1');
var url=null;
var driving = new BMap.DrivingRoute(map); //创建驾车实例
var lng11=lng1; //经度
var lat11=lat1; //纬度
var myP1 = new BMap.Point(lng11,lat11); //经纬度
var lng22=lng2; //经度
var lat22=lat2; //纬度
var myP2 = new BMap.Point(lng22,lat22);
driving.search(myP1, myP2); //第一个驾车搜索
driving.setSearchCompleteCallback(function(){
var pts = driving.getResults().getPlan(0).getRoute(0).getPath(); //通过驾车实例,获得一系列点的数组
alert(pts.length);
var i=0;
for(i=0;i<pts.length;i++){
alert(pts[i].lng);alert(pts[i].lat);
var panorama = new BMap.Panorama('panorama');**//标记2**
alert("pano");
panorama.setPosition(new BMap.Point(pts[i].lng, pts[i].lat));
var panoramaService = new BMap.PanoramaService();
panoramaService.getPanoramaByLocation(new BMap.Point(pts[i].lng, pts[i].lat), function(data){
if(data.id)
{
url="http://api.map.baidu.com/panorama?width=400&height=200&location="+ pts[i].lng +","+ pts[i].lat +"&fov=90&poiid="+data.id+"&heading="+ azimuth +"&ak=UzRj5wun4UgkuoSdCimROD8k" ;
request = new XMLHttpRequest();
// window.open(url);
url="test.php?name="+url;
// alert(url);
url=url.replace(/&/g,'%');
// alert(url);
url=url+"&i="+i;
request.open("GET",url,"true");
request.send();
request.onreadystatechange=function()
{
alert(request.readyState);
if(request.readyState==4)
{
alert(request.readyState);
if(request.status==200)
{
alert(request.status);
document.getElementById("content").innerHTML=request.responseText;
alert("return");
}
}
}
}
else alert("no data");
});
}
})
}
</script>
</body>
</html>