Teil meines Js Code funktioniert nicht

-2

Ich brauche Google Map und Marker auf meiner Seite, ich benutze Code von developers.google.com, aber nur was funktioniert, ist die Position des Markers. andere Befehle, z. B. Zoom, Titel des Markers usw. funktionieren nicht. Nach dem Anbringen der Maus auf Marker schreiben Hallo Welt und ich weiß nicht warum. Bitte helfen Sie, danke.Teil meines Js Code funktioniert nicht

hier ist mein Code

function initMap() { 
 
     var uluru = {lat: 48.151953, lng: 17.073795}; 
 
     var map = new google.maps.Map(document.getElementById('map'), { 
 
      zoom: 15, 
 
      center: uluru 
 
     }); 
 

 
     var contentString = testtesttest; 
 

 
     var infowindow = new google.maps.InfoWindow({ 
 
      content: contentString 
 
     }); 
 

 
     var marker = new google.maps.Marker({ 
 
      position: uluru, 
 
      map: map, 
 
      title: 'Uluru (Ayers Rock)' 
 
     }); 
 
     marker.addListener('click', function() { 
 
      infowindow.open(map, marker); 
 
     }); 
 
    }

.mapa { 
 
    background-color: yellowgreen; 
 
    width: 100%; 
 
    height: 600px; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Mapy</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
</head> 
 
<body> 
 

 
<div id="map" class="mapa"></div> 
 

 
<script src="js/script.js"></script> 
 
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBigzZWrOz-3XuKavGo1NwskECGn8SkdCY&callback=initMap" async defer></script> 
 
</body> 
 
</html>

Quelle

2017-11-18 bdx

co setzen Kannst du mehr Teile deines Codes zeigen? – ArayniMax

@ArayniMax schau jetzt – bdx

'" Uncaught ReferenceError: testtesttest ist nicht definiert "' – geocodezip

Sie müssen nur Anführungszeichen zu dem Inhalt der contentString Variable

function initMap() { 
 
     var uluru = {lat: 48.151953, lng: 17.073795}; 
 
     var map = new google.maps.Map(document.getElementById('map'), { 
 
      zoom: 15, 
 
      center: uluru 
 
     }); 
 

 
     var contentString = 'testtesttest'; 
 

 
     var infowindow = new google.maps.InfoWindow({ 
 
      content: contentString 
 
     }); 
 

 
     var marker = new google.maps.Marker({ 
 
      position: uluru, 
 
      map: map, 
 
      title: 'Uluru (Ayers Rock)' 
 
     }); 
 
     marker.addListener('click', function() { 
 
      infowindow.open(map, marker); 
 
     }); 
 
    }

.mapa { 
 
    background-color: yellowgreen; 
 
    width: 100%; 
 
    height: 600px; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Mapy</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
</head> 
 
<body> 
 

 
<div id="map" class="mapa"></div> 
 

 
<script src="js/script.js"></script> 
 
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBigzZWrOz-3XuKavGo1NwskECGn8SkdCY&callback=initMap" async defer></script> 
 
</body> 
 
</html>

Quelle

2017-11-18 22:46:04 LMoreno10

funktioniert nicht :(kann problem mit api schlüssel vielleicht? Weil ich nicht verstehe, warum wenn Ich gehe mit der Maus über den Marker, es schreibt Hello World! Wenn ich es nicht in meinem Code habe. – bdx

Es funktioniert für mich wie es sollte. Http://prntscr.com/hc95u2 Sie könnten die Browser-Konsole nach einem suchen Fehler und zeigen Sie es hier für den Fall, dass Sie haben. @bdx – LMoreno10

ich verstehe nicht. in der Konsole habe ich nur Favicon Warnung, nicht mehr. Ich versuche es offen in Chrom, Mozila und mit Inkognito-Modus, aber es sieht immer schlecht http://prntscr.com/hc98ff @ LMoreno10 – bdx

Teil meines Js Code funktioniert nicht

Antwort

Verwandte Themen