webgis出行服务平台(基于百度地图api)

【实例简介】

本系统旨在为人们出行提供服务，采用B/S开放方式，结合百度API提供的数据接口，可以进行实时的定位导航，还可以查询周围的景点、酒店、美食等信息，周边信息一览无余，更有详细的信息在信息面板进行展示。然后提供一个具体的导航功能，不同的路线及耗时情况都很详细，使用简单、方便。

【实例截图】

【核心代码】

<script type="text/javascript">

       // 百度地图API功能

       function G(id) {

              return document.getElementById(id);

       }

       var map = new BMap.Map("allmap");       map.centerAndZoom(new BMap.Point(117.302909,31.849406), 11);

       map.addControl(new BMap.MapTypeControl({

              mapTypes:[

            BMAP_NORMAL_MAP,

            BMAP_HYBRID_MAP

        ]}));      

       map.setCurrentCity("合肥");               map.enableScrollWheelZoom(true);                 // 初始化地图,设置城市和地图级别。

       /*//定位到当前位置

    var geolocation = new BMap.Geolocation();

    geolocation.getCurrentPosition(function(r){

        if(this.getStatus() == BMAP_STATUS_SUCCESS){

            var mk = new BMap.Marker(r.point);

            map.addOverlay(mk);

            map.panTo(r.point);

            alert('您的位置：' r.point.lng ',' r.point.lat);

        }

        else {

            alert('failed' this.getStatus());

        }       

    },{enableHighAccuracy: true})*/

       var ac = new BMap.Autocomplete(    //建立一个自动完成的对象

              {"input" : "suggestId"

              ,"location" : map

       });

ac.addEventListener("onhighlight", function(e) {  //鼠标放在下拉列表上的事件

       var str = "";

              var _value = e.fromitem.value;

              var value = "";

              if (e.fromitem.index > -1) {

                     value = _value.province   _value.city   _value.district   _value.street   _value.business;

              }   

              str = "FromItem<br />index = " e.fromitem.index "<br />value = " value;

              value = "";

              if (e.toitem.index > -1) {

                     _value = e.toitem.value;

                     value = _value.province   _value.city   _value.district   _value.street   _value.business;

              }   

              str = "<br />ToItem<br />index = " e.toitem.index "<br />value = " value;

              G("searchResultPanel").innerHTML = str;

       });

       var myValue;

ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件

       var _value = e.item.value;

              myValue = _value.province   _value.city   _value.district   _value.street   _value.business;

              G("searchResultPanel").innerHTML ="onconfirm<br />index = " e.item.index "<br />myValue = " myValue;

              setPlace();

       });

       function setPlace(){

              map.clearOverlays();    //清除地图上所有覆盖物

              function myFun(){

       var pp = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果

                     map.centerAndZoom(pp, 18);

                     map.addOverlay(new BMap.Marker(pp));    //添加标注

              }

              var local = new BMap.LocalSearch(map, { //智能搜索

                onSearchComplete: myFun

              });

              local.search(myValue);

       }

        var transit = new BMap.TransitRoute(map, {

        renderOptions: {map: map, panel: "r-result1"},

        onResultsHtmlSet : function(){$("#r-result1").show()}  

    });

    function search()

    {      

        /*var start = $("#start").val() ,*/end = $("#suggestId").val();

        transit.search("合肥工业大学",end);

              document.getElementById("suggestId").value="";//清除搜索框结构

               var start = $("#start").val() ,end = $("#end").val();

                    document.getElementById("start").value="";//清除搜索框结构

              document.getElementById("end").value="";//清除搜索框结

        transit.search(start,end);

       构

    }

       function search1()

        {

       map.clearOverlays();

              /*var local = new BMap.LocalSearch(map, {

              renderOptions:{map: map}});*/

              var local = new BMap.LocalSearch(map, {

              renderOptions:{map: map, panel:"r-result2"},

              pageCapacity:5

       });

       map.clearOverlays();

       var myKeys = ["景点", "风景区", "公园", "植物园"];

       local.search(myKeys);

    }

       function search2()

        {

              var local = new BMap.LocalSearch(map, {

              renderOptions:{map: map, panel:"r-result2"},

              pageCapacity:5

              });

            map.clearOverlays();

       var myKeys = ["餐饮", "美食", "火锅", "餐馆", "餐厅"];

       local.search(myKeys);

    }

function search3()

        {

              var local = new BMap.LocalSearch(map, {

              renderOptions:{map: map, panel:"r-result2"},

              pageCapacity:5

              });

            map.clearOverlays();

       var myKeys = ["酒店", "宾馆", "旅社", "旅馆"];

       local.search(myKeys);

    }