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

发布于 2022-08-29 18:03:59 字数 2640 浏览 12 评论 0

本人是菜鸟新手,最近突发奇想为自己学院设计了一个主页,地址: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>  

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文