百度地图URI API 如何在同一个页面调用两个


本人是菜鸟新手,最近突发奇想为自己学院设计了一个主页,地址: http://www.nhwfxy.cn/
其中用到了两个到校地图,分别是新校区和本部的。javascript 是直接修改参考百度地图API的范例。用了两次,但是最后发现似乎地图最终的导向都指向了新校区而不是一个新校区一个本部,实在是Javascript白痴,求大神指点该如何修改。


 <script type="text/javascript">  
    var map = new BMap.Map("container");  
    map.centerAndZoom(new BMap.Point(116.403884,39.914887), 13);  
    map.enableScrollWheelZoom();  
    var marker=new BMap.Marker(new BMap.Point(116.403884,39.914887));  
    map.addOverlay(marker);  
    var licontent="<b>天安门</b><br>";  
       licontent+="<span><strong>地址:</strong>北京市东城区天安门广场北侧</span><br>";  
       licontent+="<span><strong>电话:</strong>(010)63095718,(010)63095630</span><br>";  
       licontent+="<span class=\"input\"><strong></strong><input class=\"outset\" type=\"text\" name=\"origin\" value=\"北京站\"/><input class=\"outset-but\" type=\"button\" value=\"公交\" onclick=\"gotobaidu(1)\" /><input class=\"outset-but\" type=\"button\" value=\"驾车\"  onclick=\"gotobaidu(2)\"/><a class=\"gotob\" href=\"url=\"http://api.map.baidu.com/direction?destination=latlng:"+marker.getPosition().lat+","+marker.getPosition().lng+"|name:天安门"+"®ion=北京"+"&output=html\" target=\"_blank\"></a></span>";  
       var hiddeninput="<input type=\"hidden\" value=\""+'北京'+"\" name=\"region\" /><input type=\"hidden\" value=\"html\" name=\"output\" /><input type=\"hidden\" value=\"driving\" name=\"mode\" /><input type=\"hidden\" value=\"latlng:"+marker.getPosition().lat+","+marker.getPosition().lng+"|name:天安门"+"\" name=\"destination\" />";  
      var content1 ="<form id=\"gotobaiduform\" action=\"http://api.map.baidu.com/direction\" target=\"_blank\" method=\"get\">" + licontent +hiddeninput+"</form>";   
       var opts1 = { width: 300 };  

      var  infoWindow = new BMap.InfoWindow(content1, opts1);  
 marker.openInfoWindow(infoWindow);  
 marker.addEventListener('click',function(){
marker.openInfoWindow(infoWindow);});  

function gotobaidu(type)  
{  
    if($.trim($("input[name=origin]").val())=="")  
    {  
        alert("请输入起点!");  
        return;  
    }else{  
        if(type==1)  
        {  
            $("input[name=mode]").val("transit");  
            $("#gotobaiduform")[0].submit();  
        }else if(type==2)  
        {      
            $("input[name=mode]").val("driving");          
            $("#gotobaiduform")[0].submit();  
        }  
    }  
}     
</script>

api HTML html5 JavaScript 百度地图

ZziYunn 10 years, 4 months ago

Your Answer