<html>
<body>
<div id="KarteRoute"></div>
<div id="KarteZiel"></div>
<div id="RouteZumEinsatzort"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sens ... "></script>
<script type="text/javascript">
function initialize()
{
var myOptions = {mapTypeId: google.maps.MapTypeId.ROADMAP};
KarteRoute = new google.maps.Map(document.getElementById("KarteRoute"), myOptions);
RouteZumEinsatzort.setMap(KarteRoute);
RouteZumEinsatzort.setPanel(document.getElementById("RouteZumEinsatzort")); //Wegbeschreibung
var myOptions_Ziel = {mapTypeId: google.maps.MapTypeId.HYBRID};
KarteZiel = new google.maps.Map(document.getElementById("KarteZiel"), myOptions_Ziel);
RouteZumEinsatzortZiel.setMap(KarteZiel);
}
function showRoute()
{
if (Standort.A != Einsatzort.A && Standort.k != Einsatzort.k){
var dest_url = {origin:Standort, destination:Einsatzort, travelMode:google.maps.DirectionsTravelMode.DRIVING};
direction_service.route(dest_url, function(response, status){
if (status == google.maps.DirectionsStatus.OK){
RouteZumEinsatzort.setDirections(response);
}});
var dest_url_Ziel = {origin:Standort, destination:Einsatzort, travelMode:google.maps.DirectionsTravelMode.DRIVING};
direction_service.route(dest_url_Ziel, function(response, status){
if (status == google.maps.DirectionsStatus.OK){
RouteZumEinsatzortZiel.setOptions({ preserveViewport: true });
RouteZumEinsatzortZiel.setDirections(response);
}});
var marker = new google.maps.Marker({ position: Einsatzort, title: "Einsatzort", map: KarteZiel});
KarteZiel.setCenter(Einsatzort);
KarteZiel.setZoom(ZoomEinsatzort);
}
else
{
var marker = new google.maps.Marker({ position: Standort, title: "Standort", map: KarteRoute});
KarteRoute.setZoom(ZoomStartPosition);
KarteRoute.setCenter(Standort);
var marker = new google.maps.Marker({ position: Standort, title: "Standort", map: KarteZiel});
KarteZiel.setZoom(ZoomStartPosition);
KarteZiel.setCenter(Standort);
}
}
var rendererOptions = {draggable: true};
var RouteZumEinsatzort = new google.maps.DirectionsRenderer(rendererOptions);
var RouteZumEinsatzortZiel = new google.maps.DirectionsRenderer(rendererOptions);
var direction_service = new google.maps.DirectionsService();
var KarteRoute;
var KarteZiel;
var geocoder = new google.maps.Geocoder();
var Standort = new google.maps.LatLng(51.93378999999999, 8.917310000000043);//Hier die Start Addresse in Geo-Koordinaten eingeben (die gleiche wie im BosMon)
var Einsatzort = new google.maps.LatLng(%gps_latitude%, %gps_longitude%);
var ZoomStartPosition = 15;
var ZoomEinsatzort = 17;
document.getElementById('KarteRoute').style.width = '800px';
document.getElementById('KarteRoute').style.height = '800px';
document.getElementById('KarteZiel').style.width = '800px';
document.getElementById('KarteZiel').style.height = '800px';
initialize();
showRoute();
</script>
</body>
</html>
PS: Sind die GeoKoordinaten an der richtigen Stelle eingetragen?
.
