подсчёт в googl картах - JavaScript - Ответ 3019520

12.05.2012, 03:17. **Показов** 1341. **Ответов** 2

Студворк — интернет-сервис помощи студентам

народ пожалуйста помогите разобраться в чём дело. почему не выводит сумму при расстоянии больше 1000км?

HTML5

<!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>
Google Maps JavaScript API v3 Example: Directions Waypoints</title>
 
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
</script>
 
<script type="text/javascript">
 
  var directionDisplay;
  var directionsService = new google.maps.DirectionsService();
  var map;
  var geocoder;
  var gl_start;
  var gl_end;
 
  function initialize() {
    geocoder = new google.maps.Geocoder();
    directionsDisplay = new google.maps.DirectionsRenderer();
    var kiev = new google.maps.LatLng(49.9935,36.230383);
    var myOptions = {
      zoom: 6,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      center: kiev
    }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    directionsDisplay.setMap(map);
  }
  
  function calcRoute() {
    gl_start = null;
    gl_end = null;
    var start = document.getElementById("start").value;
    
    geocoder.geocode( { 'address': start}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        gl_start = results[0].geometry.location;
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map, 
            position: results[0].geometry.location
        });
        checkArgs();
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
 
    
    var end = document.getElementById("end").value;
    
    geocoder.geocode( { 'address': end}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        gl_end = results[0].geometry.location;
        var marker = new google.maps.Marker({
            map: map, 
            position: results[0].geometry.location
        });
        checkArgs();
      } else {
        alert("Geocode was not successful for the following reason: " + status);
      }
    });
  }
  
  function checkArgs () {
    if (gl_start == null || gl_end == null) {
      return;
    }
  
    var waypts = [];
 
    var request = {
        origin: gl_start, 
        destination: gl_end,
        waypoints: waypts,
        optimizeWaypoints: true,
        travelMode: google.maps.DirectionsTravelMode.DRIVING
    };
    directionsService.route(request, function(response, status) {
      if (status == google.maps.DirectionsStatus.OK) {
        directionsDisplay.setDirections(response);
        var route = response.routes[0];
        var summaryPanel = document.getElementById("directions_panel");
        summaryPanel.innerHTML = "";
        
// For each route, display summary information.
   
for (var i = 0; i < route.legs.length; i++) {
          var routeSegment = i + 1;
          summaryPanel.innerHTML += "<b>Расстояние: " + routeSegment + "</b><br />";
      
          summaryPanel.innerHTML += route.legs[i].start_address + " to ";
 
          summaryPanel.innerHTML += route.legs[i].end_address + "<br />";
 
          summaryPanel.innerHTML += route.legs[i].distance.text + "<br /> <br />";
 
          summaryPanel.innerHTML += route.legs[i].distance.text + "<br /> <br />";
        
 
 
     
    var cena = parseInt(route.legs[i].distance.text)*15;
      summaryPanel.innerHTML += "объём " + cena.toFixed(0) + "лит.<br />";   
 
 
 
 
}
 
 
 
      }
    });
  }
</script>
 
</head>
<body onload="initialize()">
<div id="map_canvas" style="float:left;width:70%;height:100%;">
</div>
 
<div id="control_panel" style="float:right;width:30%;text-align:left;padding-top:20px">
 
<div style="margin:20px;border-width:2px;">
 
<b>Откуда:</b>
<input type="text" id="start" value="Тула" />
 
<br />
 
<b>Куда:</b>
<input type="text" id="end" value="Рязань" />
 
<br />
  <input type="submit" onclick="calcRoute();"
 value="путь"; />
 
</div>
 
<div id="directions_panel" style="margin:40px;background-color:#ffffff;"></div>
</div>
</body>
</html>

Вернуться к обсуждению:
подсчёт в googl картах JavaScript

Следующий ответ

Другие темы раздела
JavaScript Отоброжение товаров в магазине. Такая вот проблема, хочу сделать чтоб при добовленни товара в корзину, показывало сколько товара. Вопрос, как изменить строчку например: c 0, на 5 и т.д https://www.cyberforum.ru/ javascript/ thread571794.html	Галерея товаров JavaScript Всем доброго времени суток, имеется 2 блока, в одном выводятся картинки миниатюры, во втором увеличенные, когда пользователь нажимает на миниатюру она открывается в блоке увеличенных картинок. должно...
JavaScript JS Профессионал! Здравствуйте, уважаймые программисты JS. Я в этом деле еще никто, прощу Вас помощи, кто хорошо в этом смыслит, можете ли дать свой Skype, что при возникновение вопроса, задать Вам! Спасибо за... https://www.cyberforum.ru/ javascript/ thread571788.html	JavaScript Мигающий текст Всем привет! Никак не могу въехать, как сделать так, чтобы текст (в моём случае : ) менял свой цвет с белого на чёрный с интервалом в 1 секунду. Объясните, пожалуйста. https://www.cyberforum.ru/ javascript/ thread571718.html
Подключение JavaScript файла JavaScript Всем привет <head> <title>Связанные списки, пример № 3</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style type="text/css">...	JavaScript JS-парсинг на лету https://www.cyberforum.ru/ javascript/ thread571519.html В общем, такая задача...нужно в форум встроить парсинг на JS (чистый js, jquery, ajax или специальный парсер - неважно), чтобы при отправлении сообщения (нажатие на <input type="submit" name="post">)...
JavaScript Ограничение на количество символов в tinyMCE и CKeditor как сделать ограничение на количество символов в tinyMCE и CKeditor? https://www.cyberforum.ru/ javascript/ thread571472.html	вывод текстовых файлов на сайте JavaScript делаю что о вроде интернет библиотеки и никак не могу разобраться как выводить электронные книги на сайт либо как текстовые файлы выводить. Подскажите как это сделать.
JavaScript Есть программа или скрипт для перехода от одной к другой странице Есть программа или скрипт для перехода от одной к другой странице??? тоесть нажатием CTRL+вправо и влево. https://www.cyberforum.ru/ javascript/ thread571092.html	JavaScript Функция-обработчик события в JSON Всем доброго времени суток! Уважаемые, кто-нибудь знает как вытащить название обработчика любого элемента? Например: <button type="submit" id="Button1" value="OK" onclick="click_Handler();... https://www.cyberforum.ru/ javascript/ thread571054.html
JavaScript циклы в javascript. пожалуйста, помогите! заранее оргомное спасибо! Написать файл HTML. При нажатии на кнопку «Таблица» формируется динамический документ в новом окне с таблицей. Ее размеры должны соответствовать...	JavaScript Не получается разобраться с JS кодом =( https://www.cyberforum.ru/ javascript/ thread571003.html Доброго времени суток! В общем, нужно реализовать на сайте галерею такого плана: http://www.sxc.hu/browse.phtml?f=search&w=1&txt=thought&p=2 инфа берется из базы данных (адрес картинки,...