[Google Maps API & HTML] Routeaanwijzingen werkt niet

donderdag 11 maart 2010 09:02

Acties:

0 Henk 'm!

Topicstarter

Hallo,

Voor mijn stage ben ik bezig met een contactpagina, op die pagina moet ook een google maps object komen om de route aan te kunnen geven van een willekeurige plaats naar het bedrijf waar ik stage loop. Echter werkt deze niet, google maps geeft een foutcode 602 terug wat volgens de documentatie betekend dat het adres niet bekend is, echter als ik de argumenten die de methode van google krijgt in google maps in de browser plak doet tie het wel

zien jullie wat ik fout doe?

HTML:

<body onLoad="javascript:showGoogleMap();" onUnLoad="javascript:GUnload();">
        <div id="googlemap" style="width: 405px; height: 270px;margin:20px 0 30px 0;"></div>
        
        <form name="route" class="route" method="post" action="#" onsubmit="setDirections(this.from.value, this.to.value, this.locale.value); return false">
            <label>From :</label>
            <input class="text" type="text" size="25" id="strFrom" name="from" value=""/>
            
            <label>To :</label>
            <input class="text" type="text" size="25" id="strTo" name="to" />
            
            <label>Language: </label>
            <select name="locale" id="strLanguage">
                <option value="nl">Nederlands</option>
                <option value="en" selected="selected">English</option>
                <option value="de">Deutsch</option>
            </select>
            
            <label>&nbsp;</label><br />
            <input type="submit" value="submit" />
        </form>
        
        <div id="googledirection"></div>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAU--BPiVPFBQ18MmcoizH8hQFe9nIcKQ-PfkqZRgZNqIdVQSadRSGUrjF9qKPYwY2ZRwcRnOlYf3LFw" type="text/javascript"></script>

        <script type="text/javascript">
        var strHtmlData = 'beginplaats';
        var Location1 = '50.39129';
        var Location2 = '4.666765';
        var objGoogleMap;
        var objDirections;
        var objGeocoder = null;
        var objAddressMarker;
        var objMarker;
        var objLocation;


        function showGoogleMap()
        {
          if (GBrowserIsCompatible())
          {
            // create google map
            objGoogleMap = new GMap2(document.getElementById('googlemap'));
            // add directions
            objDirections = new GDirections(objGoogleMap, document.getElementById('googledirection'));

            // add map control
            objGoogleMap.addControl(new GSmallMapControl());

            // set location
            objLocation = new GLatLng(Location1, Location2);
            objGoogleMap.setCenter(new GLatLng(Location1, Location2), 14);

            // add the marker & overlay
            objMarker = new GMarker(objLocation);
            objGoogleMap.addOverlay(objMarker);
            objMarker.openInfoWindowHtml(strHtmlData);
            GEvent.addListener(objDirections, "load", onGDirectionsLoad);
            GEvent.addListener(objDirections, "error", handleErrors);
          }
        }

        function setDirections(fromAddress, toAddress, locale)
        {
          objDirections.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
        }

        function handleErrors()
        {
           // Error handling, niet belangrijk
        }
        function onGDirectionsLoad()
        { 
         document.getElementById("googledirection").innerHTML = objDirections.getStatus().code;
  }

        </script>
    </body>

een live voorbeeld is hier te vinden: Voorbeeld

donderdag 11 maart 2010 09:15

Acties:

0 Henk 'm!

bindsa

*even die hele lange quote weg*

Hier draait hij gewoon hoor.
(Ik zie tenminste geen 602 error in het voorbeeld).

Offtopic: Volgens mij staat je topic verkeerd, hij hoort in clientside scripting.

[ Voor 184% gewijzigd door MueR op 11-03-2010 10:10 ]

donderdag 11 maart 2010 09:22

Acties:

0 Henk 'm!

naam

Topicstarter

L0calh0st schreef op donderdag 11 maart 2010 @ 09:15:
[...]

Hier draait hij gewoon hoor.
(Ik zie tenminste geen 602 error in het voorbeeld).

Offtopic: Volgens mij staat je topic verkeerd, hij hoort in clientside scripting.

Welke versie probeer je? een copy paste van mn code of het live voorbeeld?

offtopic:
Ik had nadat ik poste al het gevoel dat hij verkeerd stond, misschien dat een mod hem wil verplaatsen?

donderdag 11 maart 2010 09:33

Acties:

0 Henk 'm!

Woy

Moderator Devschuur®

Dit hoort indererdaad in Webdesign, Markup & Clientside Scripting

Programming -> Webdesign, Markup & Clientside Scripting

“Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life.”

donderdag 11 maart 2010 09:42

Acties:

0 Henk 'm!

naam

Topicstarter

Nu werkt hij wel, het lijkt erop dat google meer gegevens nodig had, alleen de straat + nummer + plaats werkte niet, maar straat+ nummer + plaats + provincie werkte wel

zaterdag 13 maart 2010 03:27

Acties:

0 Henk 'm!

yamAUchi

0x5f3759df

Hehe, via de browser wordt er nog een belangrijk ding meegegeven, de locale, waarschijnlijk nederland, en dan vindt google het adres wel, door die provincie werd het dus al duidelijker voor gmaps =)

via een API call alleen straat/nummer/plaats meegeven is dus niet hetzelfde als via de browser straat/nummer/plaats opzoeken =)

[ the server is down, life after student-dorm sucks ]

Onderwerpen