[FRAGE] Google Maps Funktionen greifen nicht

[alex19xx]

Hallo Forum. Ich muss nun doch mal hier nachfragen da ich einfach nicht weiß was ich da falsch mache. Es geht um Google Maps.

Der JavaScript Code:

var map;
var markers = [];

function initMap() {
    
    var x = new google.maps.LatLng(48.3228913,8.5041116);
    
    var sulzamneckar	=	new google.maps.LatLng(48.3532926,8.6339602);
    var alpirsbach		=	new google.maps.LatLng(48.3424173,8.3985798);
    var schenkenzell	=	new google.maps.LatLng(48.310607,8.3722135);
    var aichhalden		=	new google.maps.LatLng(48.2831799,8.4109734);
    var dornhan			=	new google.maps.LatLng(48.3494602,8.5090164);
    var oberndorf		=	new google.maps.LatLng(48.2926882,8.5740392);
      
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 11,
        center: x,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    
    // Polytrip
    var myTrip1 = [sulzamneckar,alpirsbach,schenkenzell,oberndorf];
    
    var flightPath1 = new google.maps.Polygon({
      path: myTrip1,
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.3
      });
    
    flightPath1.setMap(map);
    
    // This event listener will call addMarker() when the map is clicked.
      map.addListener('click', function(event) {
        addMarker(event.latLng);
      });
    
    
    // Adds a marker at the center of the map.
    addMarker(alpirsbach);
    
    function testbutton() {
        alert('XXXX24354');
    }
        
} // END

// Adds a marker to the map and push to the array.
function addMarker(location) {
  var marker = new google.maps.Marker({
    position: location,
    map: map
  });
  markers.push(marker);
}

// Sets the map on all markers in the array.
function setMapOnAll(map) {
  for (var i = 0; i < markers.length; i++) {
    markers[i].setMap(map);
  }
}

// Removes the markers from the map, but keeps them in the array.
function clearMarkers() {
  setMapOnAll(null);
}

// Shows any markers currently in the array.
function showMarkers() {
  setMapOnAll(map);
}

Im Footer vor body noch:

<script async defer src="https://maps.googleapis.com/maps/api/js?key=MEINKEY&signed_in=true&callback=initMap"></script>

Das Ganze habe ich von einem Script von "developers.google.com" (https://developers.google.com/maps/documentation/javascript/examples/marker-remove). Dort funktioniert das alles auch bestens. Hier greifen die Funktionen einfach nicht. In der jetzigen Form zeigt er auch nicht einmal die POI. Füge ich "addMarker" jedoch vor // END ein geht es .. da ja die Funktion innerhalb von "initMap" liegt. Ich kann aber so weder einen Marker anzeigen lassen, noch deaktivieren und aktivieren.

Ich verstehe im Moment leider einfach nicht wieso das nicht funktionieren soll.
Ich danke schon mal für Hilfe.

- Alex

 

[kkapsner]

Ich verstehe im Moment leider einfach nicht wieso das nicht funktionieren soll.

Die Variable map ist in initMap lokal und ist deswegen in den anderen Funktionen nicht erreichbar.

PS: globale Variablen sind trotzdem keine gute Idee...