Google地图数据距离 [英] Google map distance for database data

问题描述

这可能是适用于google地图距离的javascript数据，但在标签距离未显示后仅显示foirst 10标签，请解决此问题
说明
单击按钮将数据提取到标签中，并且每次将数据与google map地图进行比较，标签距离也不会到来

This is may javascript data for google map distance for working but that show only foirst 10 labels after the labels distance not showing please help this problem
Description
button click fetch the data into labels and that data is compare every time to google map map also coming in a label distance is not coming

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var n;
function InitializeMap()
{

    directionsDisplay = new google.maps.DirectionsRenderer();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions =
    {
        zoom: 11,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"), myOptions);


    directionsDisplay.setMap(map);
            directionsDisplay.setPanel(document.getElementById('directionpanel'));

    var control = document.getElementById('control');
    control.style.display = 'block';

document.getElementById('sorttable').style.display="none"

}
    function calcRoute(dist,val)
    {
alert(val);
    var start = document.getElementById('startvalue').value;
    var end = document.getElementById(dist).innerHTML;
     end=end.replace(/[!@#$%&^*()-+=|\/:;><~]/gi," ");

    var request = {
        origin: start,
        destination: end,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
    directionsService.route(request, function (response, status)
    {
        if (status == google.maps.DirectionsStatus.OK)
         {

         document.getElementById('sorttable').style.display="block";
         document.getElementById("total").style.visibility="hidden";
            directionsDisplay.setDirections(response);
            var route = response.routes[0];
            //alert(val);
             for (var i = 0; i < route.legs.length; i++)
             {
              //alert(route.legs.length);
             //var array_list=[];
                 var a=route.legs[i].distance.text;
                 var b=route.legs[i].duration.text;

                 var bc=a+",About :"+b;

                 var lblid="Labe"+val;
                  //alert(lblid);
                document.getElementById(lblid).innerHTML=bc;

              
        }



        }
      }
    );

    }


function Button1_onclick()
{

document.getElementById('sorttable').style.display="block";
n=document.getElementById('Countnumbers').value;
for(var j=1; j<=n;j++)
{

        var ss="lblstorename"+j;
        var ss1 =document.getElementById(ss).innerHTML;
        var store="lblstore"+j;
        document.getElementById(store).title=ss1;
        calcRoute(ss,j);

  }

}

推荐答案

％& ^ *()-+ = | \/:;> ~~]/gi，" ); var request = { 来源:开始， 目的地:结束， travelMode:google.maps.DirectionsTravelMode.DRIVING }; directionService.route(请求，功能(响应，状态) { 如果(状态== google.maps.DirectionsStatus.OK) { document.getElementById(' sorttable').style.display = " ; document.getElementById(" ).style.visibility = " ; directionsDisplay.setDirections(response); var route = response.routes [ 0 ]; // alert(val); for ( var i = 0 ; i < route.legs.length; i ++) { // 警报(route.legs.length)； // var array_list = []; var a = route.legs [i] .distance.text; var b = route.legs [i] .duration.text; var bc = a + " + b; var lblid = " + val ; // alert(lblid); document.getElementById(lblid).innerHTML = bc; } } } ); } 函数Button1_onclick() { document.getElementById(' sorttable').style.display = " ; n = document.getElementById(' 计数').值; for ( var j = 1 ; j< ; = n; j ++) { var ss = " + j ; var ss1 = document.getElementById(ss).innerHTML; var store = " + j ; document.getElementById(store).title = ss1; calcRoute(ss，j); } }

%&^*()-+=|\/:;><~]/gi," "); var request = { origin: start, destination: end, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function (response, status) { if (status == google.maps.DirectionsStatus.OK) { document.getElementById('sorttable').style.display="block"; document.getElementById("total").style.visibility="hidden"; directionsDisplay.setDirections(response); var route = response.routes[0]; //alert(val); for (var i = 0; i < route.legs.length; i++) { //alert(route.legs.length); //var array_list=[]; var a=route.legs[i].distance.text; var b=route.legs[i].duration.text; var bc=a+",About :"+b; var lblid="Labe"+val; //alert(lblid); document.getElementById(lblid).innerHTML=bc; } } } ); } function Button1_onclick() { document.getElementById('sorttable').style.display="block"; n=document.getElementById('Countnumbers').value; for(var j=1; j<=n;j++) { var ss="lblstorename"+j; var ss1 =document.getElementById(ss).innerHTML; var store="lblstore"+j; document.getElementById(store).title=ss1; calcRoute(ss,j); } }

这篇关于Google地图数据距离的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！