получить расстояние и время в карте и направлении Google

0

Я работаю над простой программой расчета тарифов на такси, используя карту google, чтобы получить указания от карты google.

Итак, вот код:

HTML (map.php)

<html lang="en">
<head>
    <title>Demo GPS plugin</title>
<style>
    #map {
        width: 500px;
        height: 200px;
    }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=AIzaSyC7DlktbkGzLS0dvYqRJaGtbXG6mmoGUhA" type="text/javascript"></script>
<script type="text/javascript" src="gps.jquery.js"></script>
<script type="text/javascript">
$(function() {

$("#map").googleMap().load();

});
</script>
</head>
<body onunload="GUnload()">
    <div id="directions"></div>
    <div id="map"></div>

    <form action="directions.php" method="post">
        <p><b>From: </b><input id="start" type="text"/>
        <b>To: </b><input id="end" type="text" /></p>
        <input name="submit" id="getdirections" type="submit" value="Get Directions" />
    </form>

</body>
</html>

Код JQUERY:

(function($) {

    $.GoogleMapObjectDefaults = {        
        zoomLevel: 14,
    imagewidth: 50,
    imageheight: 50,
    start: '#start',
        end: '#end',
    directions: 'directions',
        submit: '#getdirections',
    tooltip: 'false',
    image: 'false'
    };

    function GoogleMapObject(elementId, options) {
        /* private variables */
        this._inited = false;
        this._map = null;
        this._geocoder = null;

        /* Public properties */
        this.ElementId = elementId;
        this.Settings = $.extend({}, $.GoogleMapObjectDefaults, options || '');
    }

    $.extend(GoogleMapObject.prototype, {
        init: function() {
            if (!this._inited) {
                if (GBrowserIsCompatible()) {
                    this._map = new GMap2(document.getElementById(this.ElementId));
                    this._map.addControl(new GSmallMapControl());
                    this._geocoder = new GClientGeocoder();
                }

                this._inited = true;
            }
        },
        load: function() {
            //ensure existence
            this.init();

            if (this._geocoder) {
                //"this" will be in the wrong context for the callback
                var zoom = this.Settings.zoomLevel;
                var center = this.Settings.center;
        var width = this.Settings.imagewidth;
        var height = this.Settings.imageheight;
                var map = this._map;

        if (this.Settings.tooltip != 'false') {
            var customtooltip = true;
            var tooltipinfo = this.Settings.tooltip;
        }

        if (this.Settings.image != 'false') {
            var customimage = true;
            var imageurl = this.Settings.image;
        }

                this._geocoder.getLatLng(center, function(point) {
                    if (!point) { alert(center + " not found"); }
                    else {
                        //set center on the map
                        map.setCenter(point, zoom);

            if (customimage == true) {
                //add the marker
                var customiconsize = new GSize(width, height);
                var customicon = new GIcon(G_DEFAULT_ICON, imageurl);
                customicon.iconSize = customiconsize;
                var marker = new GMarker(point, { icon: customicon });
                map.addOverlay(marker);
            } else {
                var marker = new GMarker(point);
                map.addOverlay(marker);
            }

            if(customtooltip == true) {
                marker.openInfoWindowHtml(tooltipinfo);
            }
                    }
                });
            }


            //make this available to the click element
            $.data($(this.Settings.submit)[0], 'inst', this);

            $(this.Settings.submit).click(function(e) {
                e.preventDefault();
                var obj = $.data(this, 'inst');
        var outputto = obj.Settings.directions;
                var from = $(obj.Settings.start).val();
                var to = $(obj.Settings.end).val();
        map.clearOverlays();
        var gdir = new GDirections(map, document.getElementById(outputto));
        gdir.load("from: " + from + " to: " + to);

                //open the google window
                //window.open("http://maps.google.com/maps?saddr=" + from + "&daddr=" + to, "GoogleWin", "menubar=1,resizable=1,scrollbars=1,width=750,height=500,left=10,top=10");
            });

            return this;
        }
    });

    $.extend($.fn, {
        googleMap: function(options) {
            // check if a map was already created
            var mapInst = $.data(this[0], 'googleMap');
            if (mapInst) {
                return mapInst;

            }


            //create a new map instance
            mapInst = new GoogleMapObject($(this).attr('id'), options);
            $.data(this[0], 'googleMap', mapInst);

            return mapInst;

        }
    });
})(jQuery);

Пользователь будет вводить два разных местоположения (от и до), тогда он будет вычислять расстояние и время. Теперь, как я могу получить значения расстояния и времени, чтобы я мог использовать его для расчета тарифа?.

Спасибо за помощь.

  • 0
    Ваш код использует устаревший API Карт Google Javascript v2 . Вы должны обновить до v3 как можно скорее.
  • 0
    Как я могу обновить.?. Можете ли вы показать какой-то учебник. Пожалуйста. Я просто новичок в использовании JavaScript.
Показать ещё 1 комментарий
Теги:
google-maps
google-maps-api-3
google-maps-api-2

1 ответ

0

Вы должны использовать API-интерфейс Distance Matrix. Он может вычислять время и расстояние между 2 (или более) точками. Просто взгляните на образцы

Поделиться
  • 0
    Я уже рассчитал время и расстояние и покажу результат, все заработало нормально. Но проблема в том, что я не могу получить значение расстояния и времени. так же, как на карте Google получить направление: [ссылка] maps.google.com
  • 1
    @JaybeeJohnBalog Что вы подразумеваете под «Я уже рассчитал время и расстояние» и «Я не могу получить значение расстояния и времени»? Кажется противоречивым для меня. Можете ли вы уточнить?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню