Calcolare il percorso con Google Map API

[giannino1995]

Ho dato un'occhiata qui e sono riuscito ad impostare quasi tutto tranne l'inserimento del tag input dove inserire l'indirizzo di partenza.

In pratica vorrei che quando il cliente accedesse alla pagina contatti veda la mappa in stile satellite e possa inserire anche il proprio indirizzo in un tag in modo da calcolare il percorso per arrivare in macchina all'indirizzo dell'azienda. Tutto ciò sul sito privato, senza necessariamente accedere a Google Map ed ovviamente se l'api implementa questa opzione. Attenzione: non sono certo che questa cosa si possa fare.



Ecco il codice:

jQuery(function($){

    var longitude = 45.124099;
    var latitude = -123.113634;
    var canvas = "map";

    
    function randing_map(canvas, lan, lat){            
            var myLatlng = new google.maps.LatLng(lan,lat);
            var myOptions = {
                        zoom: 13,
                        center: myLatlng,
                        mapTypeId: google.maps.MapTypeId.SATELLITE,
                        maxZoom   : 20,
                        disableDefaultUI : false
                    }            
            var map = new google.maps.Map( document.getElementById(canvas), myOptions );
            var marker = new google.maps.Marker({
                position : myLatlng,
                map      : map,
                icon     : "img/point.png"
            });
            var styles = [
              {
                featureType: "all",
                stylers: [
                  { saturation: -80 }
                ]
              },{
                featureType: "road.arterial",
                elementType: "geometry",
                stylers: [
                  { hue: "#00ffee" },
                  { saturation: 50 }
                ]
              },{
                featureType: "poi.business",
                elementType: "labels",
                stylers: [
                  { visibility: "off" }
                ]
              }
            ];    
            var infowindow = new google.maps.InfoWindow({
                content:"<div class='map_adresse'><div class='map_address'><span class='address'>Address : </span>1401 South Grand Avenue Los Angeles, CA 90015</div> <div class='map_tel'><span class='tel'>Phone : </span>(213) 748-2411</div></div>"
            });    
            
            map.setOptions({styles: styles});

            google.maps.event.addListener(marker, 'click', function() {
              infowindow.open(map,marker);
            });
    }
    randing_map(canvas, longitude, latitude);

});

[cavicchiandrea]

https://developers.google.com/maps/d...ections-simple

[giannino1995]

https://developers.google.com/maps/d...ections-simple

grazie Andrea, si avevo già visto quell'esempio però non si può scrivere l'indirizzo... io volevo lo spazietto dove poter scrivere via tal dei tali, ecc... proprio come su google map

[cavicchiandrea]

È un esempio (trovare lo specifico la vedo dura) lo devi adattare

[giannino1995]

Secondo me non si può fare, io non ho ancora visto siti con questa caratteristica.

[Vindav]

ma certo che si puo fare, scusami eh ma nell'esempio che ha indicato andrea ci sono dei menu a tendina ok? devi solo sostituirli con una o piu caselle di testo, tutto qua, con tutto quello che hai letto non dirmi che non riesci a fare una cosa cosi semplice.

[giannino1995]

ma certo che si puo fare, scusami eh ma nell'esempio che ha indicato andrea ci sono dei menu a tendina ok? devi solo sostituirli con una o piu caselle di testo, tutto qua, con tutto quello che hai letto non dirmi che non riesci a fare una cosa cosi semplice.

Una cosa così mi servirebbe:

https://www.google.it/maps/dir//Via+...1!2d45.5039803

ma non è così semplice come credi... inoltre non capisco perché lo street view di quegli esempi non si bello come quello che uso dopo aver impostato un percorso...