カスタムマップボックスのタイルセットがLeaflet.jsに表示されない

私は聖書キャンプ用のゲームを作っており、マップ用にLeaflet.jsを使いたいと思っています。私はMapboxを使ってスタイルを作成しています。私はcsvアップロードを介してMapboxにローマとエルサレムの座標をインポートし、previewでうまく描画します。しかし、リーフレット経由でロードされたときは表示されません。以下のコードを参照してください：カスタムマップボックスのタイルセットがLeaflet.jsに表示されない

<head> 
    <title>Race to Rome</title> 
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" /> 
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> 
</head> 

<body> 
<div id="mapid" style="height:500px;"></div> 
    <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> 
<h1>Race to Rome</h1> 


</body> 

<script> 

     var mymap = L.map('mapid').setView(L.latLng(34,30), 5); 
     L.tileLayer('https://api.mapbox.com/styles/v1/wheelerj/cioerd0vf001yacm7rff4tj5h/tiles/{z}/{x}/{y}?access_token=pk.eyJ1Ijoid2hlZWxlcmoiLCJhIjoiY2lvZXJheTZrMDByNXVsbTNpZXp0c2VnbCJ9.T_jRdbo0CKUgZ2aiuA3kKA', { 
      maxZoom: 18, 
      attribution: 
       'Imagery &copy;<a href="http://mapbox.com">Mapbox</a>', 
      id: 'mapbox.streets' 
     }).addTo(mymap); 

</script>

これらのラベルをリーフレットに含めるには、何が必要ですか？

出典

2016-05-19 Jonathan Wheeler

Mapbox.js（ユーザー向けに強化されたリーフレットフォーク）を使用して、このようなフィーチャレイヤを渡すためにあらかじめ作成された機能を使用したいと思うでしょう。以下の例を参照してください。

https://www.mapbox.com/mapbox.js/example/v1.0.0/show-marker-as-label/

L.mapbox.featureLayer('MY_FEATURE_LABEL_SET') 
    .on('ready', function(e) { 
     gj.addData(this.getGeoJSON()); 
    });

出典

2016-05-20 17:31:37 snkashis

私は戻って私のワークステーションに到達したとき、私はかいま見を取りますよ。 –

これはあなたのために機能しましたか？ – snkashis

他のものに巻き込まれましたが、いつかそれに戻る予定です。 –

カスタムマップボックスのタイルセットがLeaflet.jsに表示されない

答えて

関連する問題