kein Marker in meinem Google Karte zeigt

-1

kann nicht scheinen, diesekein Marker in meinem Google Karte zeigt

function initialize() { 
    var myLatlngBDG = new google.maps.LatLng(-6.913947, 107.633825); 

    var mapOptionsBDG = { 
    zoom: 5, 
    center: myLatlngBDG, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControl: 0 
    } 
    var mapBDG = new google.maps.Map(document.getElementById('map-BDG'), mapOptionsBDG); 

    var markerBDG = new google.maps.Marker({ 
    position: myLatlngBDG, 
    map: mapBDG, 
    title: 'PT. Buana Citra Abadi Bandung' 
    }); 

}; 
google.maps.event.addDomListener(window, 'load', initialize);

die Karte selbst angezeigt zu machen funktioniert, aber die markes nicht erscheint, und so ist der Titel nach this tutorial Ich muss schreiben marker.setMap() Marker zu zeigen, aber wie man es sehen kann ich schon schreiben

, wenn sich das Problem nicht in der JavaScript ist dann könnte dies

den Auftrag einschließlich das Skript in HTML das Problem sein:

<html> 
<<link rel="stylesheet" type="text/css" href="css/map.css"/> 
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8k-8ztQ6Vk34XP6OEBMZ7PryuMx8jjX8&callback=initMap"></script> 
<script src="js/map.js"></script> 
</html>

neues Problem , warum die Karte manchmal verschwindet manchmal erscheint, ist? Ich meine, wenn ich die Seite aktualisieren, verschwindet es, die ich mehrmals neu geladen und es wieder erscheint

Quelle

2017-02-23 Citra45Abadi

es sieht aus wie Sie 'mapBDG' definiert innerhalb von' initialisieren() ', aber dann versuchen Sie es außerhalb der Funktion zu benutzen? Was ist "Marker"? Sie haben 'mapBDG' bereits als Wert für den' map' Schlüssel von 'markerBDG' innerhalb der' initialize' Funktion gesetzt. –

@J.Titus richtig, sorry, ich hätte 'markerBDG.setMap();' schreiben sollen, aber dann zeigt es immer noch keinen Marker 'google.maps.event.addDomListener (window, 'load', initialize);' bedeutet das Das Web führt diese Funktion aus, wenn das Fenster geladen wird, aber nur die Markierung nicht angezeigt wird – Citra45Abadi

Können Sie die HTML-Datei anzeigen und die Reihenfolge, in der Sie die Skripts importieren? – JoxieMedina

Es scheint, dass alles in Ordnung ist, nehmen Sie diesen Code als Beispiel und überprüfen Sie Ihr Sie vielleicht einen Unterschied finden

google.maps.event.addDomListener(window, "load", function() { 
 
    var myLatlngBDG = new google.maps.LatLng(-6.913947, 107.633825); 
 

 
    var mapOptionsBDG = { 
 
     zoom: 5, 
 
     center: myLatlngBDG, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
     mapTypeControl: 0 
 
    } 
 
    var mapBDG = new google.maps.Map(document.getElementById("map-BDG"), mapOptionsBDG); 
 

 
    var markerBDG = new google.maps.Marker({ 
 
     position: myLatlngBDG, 
 
     map: mapBDG, 
 
     title: 'PT. Buana Citra Abadi Bandung' 
 
    }); 
 

 
    markerBDG.setMap(mapBDG); 
 
});

#map-BDG{ 
 
    width:500px; 
 
    height:300px; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <link rel="stylesheet" href="style.css"/> 
 
    </head> 
 

 
    <body> 
 
    <h1>Maps Example</h1> 
 
    <div id="map-BDG"></div> 
 
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8k-8ztQ6Vk34XP6OEBMZ7PryuMx8jjX8"></script> 
 
    <script src="script.js"></script> 
 
    </body> 
 

 
</html>

Quelle

2017-02-23 02:59:20 JoxieMedina

versuchte dies auch. Ich dachte mir, dass ich diese setMap() innerhalb der Funktion aber immer noch verwenden muss. es zeigt nicht die Markierung – Citra45Abadi

das funktioniert auch nicht, außerdem brauche ich die 'setMap()' Funktion nicht, da 'map: mapBD' bereits den Marker gesetzt hat, zumindest vermutlich – Citra45Abadi

Ich weiß nicht warum, aber Sie brauchen um das Snippet zwei Mal auszuführen, damit es funktioniert – JoxieMedina

kein Marker in meinem Google Karte zeigt

Antwort

Verwandte Themen