2 amsw11 amsw11 于 2016.05.01 21:54 提问

js调用两个网站的api出现了一些

其中一部分的内容只用到一个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>

2个回答

amsw11
amsw11   2016.05.01 22:16
已采纳

找出来了,忘加panorama的

了,T T细节啊
CSDNXIAOD
CSDNXIAOD   2016.05.01 22:02

JS调用百度地图API
js调用收藏某个网站
----------------------biu~biu~biu~~~在下问答机器人小D,这是我依靠自己的聪明才智给出的答案,如果不正确,你来咬我啊!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!