qq_40370481
2019-07-12 19:29 阅读 299

需要将用户输入的地点导入到百度地图中生成导航,用hbuider将百度地图实现了,怎么写接口类?

buider中已经实现了地图的定位,以及目标点标记,然后生成导航。就是不知道怎么把APP的“设置目标”页中用户输入的地点信息导入进去。还有就是在APP中放入我写的百度地图代码要放在哪?求大神指导一下

<!DOCTYPE html>  
<html>
<head>  
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>Baidu Map</title>
    <style type="text/css"> 
        body, html,#container {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}  
        body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
    </style>  
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=xxxxxxxxxxxxxxxxxxxxxxxxxxxxx"></script>
</head>  

<body>
    <div id="allmap"></div>
    </body>  
</html>

<script type="text/javascript">
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.331398,39.897445);// 创建目标点坐标
    map.centerAndZoom(point,12);// 初始化地图,设置中心点坐标和地图级别
    map.addControl(new BMap.NavigationControl()); //缩放控件
    map.addControl(new BMap.ScaleControl());  //比例尺控件  
    map.addControl(new BMap.OverviewMapControl());       
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    map.enableContinuousZoom(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 marker = new BMap.Marker(point);        // 创建标注    
    map.addOverlay(marker);                     // 将标注添加到地图中 

    var myGeo = new BMap.Geocoder();      // 将地址解析结果显示在地图上,并调整地图视野    
        myGeo.getPoint("河南省开封市河南大学金明校区图书馆", function(point){      
            if (point) {            
                map.addOverlay(new BMap.Marker(point));      
             }      
        }, "开封市");

//创建信息窗口
        var opts = {
            width : 100,     // 信息窗口宽度    
            height: 50,     // 信息窗口高度    
            title : "您的目标"  // 信息窗口标题   
        }    
        var infoWindow = new BMap.InfoWindow("点击查看更多", opts);  // 创建信息窗口对象    
        map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
//点击标注事件        
        marker.addEventListener("click", function(){   //点击标注事件
        alert("您点击了标注");    
    }); 
//导航
    var walking = new BMap.WalkingRoute(map, { 
        renderOptions: { 
                map: map, 
            autoViewport: true 
        }
    });
    var start = new BMap.Point(116.326475 , 40.003551);
    var end = new BMap.Point(116.326419, 40.003519);
    walking.search(start, end);

</script>

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

相关推荐