Auf Thema antworten 2026

Beitrag

<blockquote data-quote="tom_tom" data-source="post: 2116273" data-attributes="member: 597670">AW: Dynamische google maps KarteIch korrigiere mich - es erstellt sich keine Route mehr...Also das ist mein Code, das Beispiel, ohne irgenwelche anderen Dinge, rein statisch zum Testen:[HTML]&lt;!DOCTYPE html&gt;&lt;html&gt;&nbsp; &lt;head&gt;&nbsp; &nbsp; &lt;meta name=&quot;viewport&quot; content=&quot;initial-scale=1.0, user-scalable=no&quot;&gt;&nbsp; &nbsp; &lt;meta charset=&quot;utf-8&quot;&gt;&nbsp; &nbsp; &lt;title&gt;Google Maps JavaScript API v3 Example: Directions Simple&lt;/title&gt;&nbsp; &nbsp; &lt;style&gt;&nbsp; &nbsp; &nbsp; &nbsp; html, body {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 0;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #map_canvas {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; @media print {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; html, body {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #map_canvas {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 650px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &lt;/style&gt;&nbsp; &nbsp; &lt;script src=&quot;https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&quot;&gt;&lt;/script&gt;&nbsp; &nbsp; &lt;script&gt;&nbsp; &nbsp; &nbsp; var directionDisplay;&nbsp; &nbsp; &nbsp; var directionsService = new google.maps.DirectionsService();&nbsp; &nbsp; &nbsp; var map;&nbsp; &nbsp; &nbsp; function initialize() {&nbsp; &nbsp; &nbsp; &nbsp; directionsDisplay = new google.maps.DirectionsRenderer();&nbsp; &nbsp; &nbsp; &nbsp; var vienna = new google.maps.LatLng(48.209, 16.37);&nbsp; &nbsp; &nbsp; &nbsp; var mapOptions = {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; zoom:7,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; mapTypeId: google.maps.MapTypeId.ROADMAP,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; center: vienna&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; map = new google.maps.Map(document.getElementById(&#039;map_canvas&#039;), mapOptions);&nbsp; &nbsp; &nbsp; &nbsp; directionsDisplay.setMap(map);&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; function calcRoute(start,end) {&nbsp; &nbsp; &nbsp; &nbsp; //var start = document.getElementById(&#039;start&#039;).value;&nbsp; &nbsp; &nbsp; &nbsp; //var end = document.getElementById(&#039;end&#039;).value;&nbsp; &nbsp; &nbsp; &nbsp; var request = {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; origin:start,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; destination:end,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; travelMode: google.maps.DirectionsTravelMode.DRIVING&nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; directionsService.route(request, function(response, status) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (status == google.maps.DirectionsStatus.OK) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; directionsDisplay.setDirections(response);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &lt;/script&gt;&nbsp; &lt;/head&gt;&nbsp; &lt;body onload=&quot;initialize()&quot;&gt;&nbsp; &nbsp; &lt;div onload=&quot;calcRoute(&#039;vienna&#039;, &#039;graz&#039;)&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; Karte:&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;div id=&quot;map_canvas&quot; style=&quot;top:30px;&quot;&gt;&lt;/div&gt;&nbsp; &lt;/body&gt;&lt;/html&gt;[/HTML]thomas</blockquote>

[QUOTE="tom_tom, post: 2116273, member: 597670"] [b]AW: Dynamische google maps Karte[/b] Ich korrigiere mich - es erstellt sich keine Route mehr... Also das ist mein Code, das Beispiel, ohne irgenwelche anderen Dinge, rein statisch zum Testen: [HTML]<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Google Maps JavaScript API v3 Example: Directions Simple</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map_canvas { height: 100%; } @media print { html, body { height: auto; } #map_canvas { height: 650px; } } </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> var directionDisplay; var directionsService = new google.maps.DirectionsService(); var map; function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var vienna = new google.maps.LatLng(48.209, 16.37); var mapOptions = { zoom:7, mapTypeId: google.maps.MapTypeId.ROADMAP, center: vienna } map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions); directionsDisplay.setMap(map); } function calcRoute(start,end) { //var start = document.getElementById('start').value; //var end = document.getElementById('end').value; var request = { origin:start, destination:end, travelMode: google.maps.DirectionsTravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); } </script> </head> <body onload="initialize()"> <div onload="calcRoute('vienna', 'graz')"> Karte: </div> <div id="map_canvas" style="top:30px;"></div> </body> </html> [/HTML] thomas [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?