2017-07-11 1 views
1

Aus irgendeinem Grund erscheinen keine der Markierungen auf der Webseite, aber die Karte wird gut wiedergegeben. Ich würde mich freuen, wenn ich herausfinden könnte, was mein Fehler ist.Marker, die nicht in der Leaflet-Datei erscheinen JS

index.html

<div id="mapid"></div> 
<style> 
    #mapid { 
    height: 750px; 
} 

</style> 

app.js

function controller($scope, $state) { 


var map = L.map('mapid', { 
    worldCopyJump: true, 

}).setView([51.505, -0.09], 13); 
var rmLight = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', { 
    maxZoom: 20, 
    subdomains: ['mt0', 'mt1', 'mt2', 'mt3'] 
}).addTo(map); 

var marker = L.marker([51.5, -0.09]).addTo(map); 

} 
+0

Haben Sie Fehler in Ihrer Konsole? Ein einfaches Plunk mit Ihrem Code funktioniert gut ... das Pop-up zeigt. https://plnkr.co/edit/4KhOyBNTMnkkg2Gi9Tee?p=preview – terpinmd

+0

nein keine - in der Tat Kreise und Polylinien auch zeigen sich gut –

+0

Könnte css sein. Können Sie die Quelle überprüfen und prüfen, ob sie hinzugefügt wurde? Vielleicht sehen Sie, ob Sie diese Klasse "Leaflet-Marker-Icon" finden können. – terpinmd

Antwort

1

Ihr Code pro der Plunker im Kommentar gut aussieht.

Überprüfen Sie auch die Quelle, um zu sehen, ob das Element dort ist und nur wegen eines CSS- oder Bildproblems nicht angezeigt wird.

Verwandte Themen