リーフレットにマーカーを追加する

Question

私はJSの初心者です。

リーフレットを使用してウェブサイトにマップを追加しようとしています。私はQuick Start Guideを追跡しましたが、マーカーを追加すると機能しません。

<!-- JS Leaflet Map --> 
 
    <script src="leaflet/leaflet.js"></script> 
 
    <script> 
 
    var mymap = L.map('mapid').setView([40.174295, 44.522890], 11); 
 

 
    var mymap = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', { 
 
    maxZoom: 18, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>' 
 
    }).addTo(mymap); 
 

 
    var marker = L.marker([40.174295, 44.522890]).addTo(mymap);

おかげであなたの助けのためにたくさん：

は、ここに私のコードです。

ラウラ

Answer 1

エラーは、次の行ではなくMapオブジェクトのLayerを受けている変数

そのためMYMAPする結果を割り当てないでくださいここ

var mymap = L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', { 
maxZoom: 18, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>' 
}).addTo(mymap); 

ある

var marker = L.marker([40.174295, 44.522890]).addTo(mymap); 

したがって、最終コードはl IKEこの

<!-- JS Leaflet Map --> 
<script src="leaflet/leaflet.js"></script> 
<script> 
var mymap = L.map('mapid').setView([40.174295, 44.522890], 11); 

L.tileLayer('https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png', { 
maxZoom: 18, attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, &copy; <a href="https://carto.com/attribution">CARTO</a>' 
}).addTo(mymap); 

var marker = L.marker([40.174295, 44.522890]).addTo(mymap);