Gmaps

Status
Niet open voor verdere reacties.
Het script werkt! Dank U.
Ik was zelf overal wel aan het zoeken naar die center maar word er niet echt wijs uit.
Nu blijven alleen de infovelden staan als ik een routebeschrijving maak en ik wil de resultaten weergeven.
dus je hebt de mapkaart en daaronder wil ik de gevonden resultaten blijven weergeven, en daaronder wil ik de routebeschrijving laten zien.

Edit:
De routebeschrijving is me al gelukt :) nu dus alleen nog de resultaten zoals bij APIv2.
(Toch bedankt voor alle moeite! )
 
Laatst bewerkt:
Is de opmaak van calcRoute ook nog aan te passen om blijft het zo groot en lelijk?
 
Neem aan dat er CSS op toe te passen is door middel van id's en classes
 
Neem aan dat er CSS op toe te passen is door middel van id's en classes

Dat is me nog niet gelukt, heb van alles geprobeerd.
Heb nu nog 2 uitdagingen:
- de sidebar werkend krijgen..
- de opmaak van de routebeschrijving..

Groeten!
 
Welke CSS-classes of ID's gebruik je?
 
Zoals ik in mijn eerdere post al aangaf, ik heb alleen de sidebar nog niet werkend.

Mvg, Wesley
 
Dat bedoel ik niet :)

De routebeschrijving wordt ingeladen met CSS-selectors.
HTML:
<div class="adp-summary" jstcache="0">
  <span jsdisplay="distance" jscontent="distance['text']" jstcache="7">58.0 km</span>
  <span jsdisplay="distance &amp;&amp; duration" jstcache="8"> - </span>
  <span jsdisplay="duration" jscontent="$MSG_about + ' ' + duration['text']" jstcache="9">about 39 mins</span>
</div>
HTML:
<table class="adp-directions" jstcache="0">
<tbody jstcache="0">
<tr jsselect="steps" jseval="setupPanelStep(this, $legIndex, $index)" jstcache="12" jsinstance="0">
 <td class="adp-substep" jscontent="($index + 1) + '.'" jstcache="14">1.</td>

Kwestie van die dingen in je stylesheet opnemen en ze worden volgens mij gewoon gestyled :rolleyes:

Welke sidebar bedoel je?
 
Laatst bewerkt:
De CSS had ik al :)
het menutje waar de locaties in komen te staan.
maar niet zoals bij de API V3 zon dropdown maar zoals bij API V2.

Dat er links van de kaart een schermpje komt met de Naam + KM.
zodra je daar op klikt komt je marker in beeld met het info scherm.
 
Ik heb het nu helemaal werkend!
[JS]function createSidebarEntry(point, name, address, distance) {
var div = document.createElement('div');
var html = '&nbsp;<b>' + name + '</b>, ' + address + ', (' + distance.toFixed(1) + 'km)';
div.innerHTML = html;
div.style.cursor = 'pointer';
div.style.marginBottom = '5px';
google.maps.event.addDomListener(div, 'click', function() {
google.maps.event.trigger(point, 'click');
});
google.maps.event.addDomListener(div, 'mouseover', function() {
div.style.backgroundColor = '#eee';
});
google.maps.event.addDomListener(div, 'mouseout', function() {
div.style.backgroundColor = '#fff';
});
return div;
}[/JS]

Helaas kan ik niet op de Naam, Adres, (..km). klikken.
iemand een idee?

Groet, Wesley
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan