リーフレットディレクティブを使用して簡単なマップボックスURLを埋め込むにはどうすればよいですか？

私はMapboxとリーフレットで新しく、leaflet-directiveとMapbox documentationを試してみましたが、私はこの2つを統合して使用するサンプルマップを入手することができます。例えば、http://a.tiles.mapbox.com/v3/myMap.map-12341234.htmlなどです。リーフレットディレクティブを使用して簡単なマップボックスURLを埋め込むにはどうすればよいですか？

これは十分に簡単なはずですが、私は地図が白いところに問題があります。

私のHTMLは

<leaflet tiles="tiles"defaults="defaults"></leaflet>

のように見えるとJS

angular.extend($scope, { 
    // tiles: 'http://a.tiles.mapbox.com/v3/myMap.map-12341234.html', 
    tiles: 'myMap.map-12341234', 
    defaults: { 
     scrollWheelZoom: false 
    } 
    }); 
})

が、私は私のhttp://a.tiles.mapbox.com/v3/myMap.map-12341234.html

出典

2016-04-27 garrettmac

質問がわかりません。あなたが作成した地図では、Javascriptを使ってウェブページに埋め込みしようとしているのですか？誰かと共有できるリンクがほしいのですか？ – BDD

のようなURLを埋め込むことができますどのように私は私が正しくあなたを理解していない、あなたはありますカスタムのMapboxスタイルでチラシを使用しようとしていますか？その場合、例を挙げてください：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>Plain Leaflet API</title> 
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> 
<script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script> 
<link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' /> 
<style> 
    body { margin:0; padding:0; } 
    #map { position:absolute; top:0; bottom:0; width:100%; } 
</style> 
</head> 
<body> 


<div id='map'></div> 

<script> 
L.mapbox.accessToken = '<your access token here>'; 
// Replace 'mapbox.streets' with your map id. 
var mapboxTiles = L.tileLayer('https://api.mapbox.com/v4/myMap.map-12341234/{z}/{x}/{y}.png?access_token=' + L.mapbox.accessToken, { 
    attribution: '© <a href="https://www.mapbox.com/map-feedback/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>' 
}); 

var map = L.map('map') 
    .addLayer(mapboxTiles) 
    .setView([42.3610, -71.0587], 15); 
</script> 


</body> 
</html>

希望すると、これはあなたを助けます！

出典

2016-04-27 14:39:39 cammace

リーフレットディレクティブを使用して簡単なマップボックスURLを埋め込むにはどうすればよいですか？

答えて

関連する問題