リーフレットJSにマーカが表示されない

Question

何らかの理由で、ウェブページ上にマーカーが表示されていませんが、マップはうまく描画されます。私は何が私のエラーであるかを知るためにいくつかの助けに感謝します。

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); 

} 

Answer 1

あなたのコードのコメントにplunkerあたりのよさそうです。

また、要素が存在し、CSSや画像の問題のために表示されていないかどうかをソースを確認してください。