0

私はこのTileJSONファイルを持っています:

{
    "tilejson": "1.0.0",
    "bounds": [ -6.6028, 49.689, 1.9446, 55.943 ],
    "center": [ -1.7029, 52.703, 6 ],
    "minzoom": 6,
    "maxzoom": 15,
    "version": "1.0.0",
    "tiles": [
        "http://localhost:8081/data/oa_belonging_tiles/{z}/{x}/{y}.png"
    ]
}

そして、私はこのコードでマップを作成しています:

<script type="text/javascript">

    wax.tilejson('data/oa_belonging_tiles/metadata.json',
            function(tilejson) {
                var map = new L.Map('map-div')
                        .addLayer(new wax.leaf.connector(tilejson))
                        .setView(new L.LatLng(51, 0), 1);
                wax.leaf.legend(map, tilejson).appendTo(map._container);
            });
</script>

ブラウザでスクリプトを実行すると、次のエラーが発生します。

Uncaught SyntaxError: Unexpected token : metadata.json:2

私は TileJSON 仕様に従っており、ファイルにタイプミスやその他の問題は見られません。ブラウザーのキャッシュをクリアしたところ、正しいファイルを読み込んでいることが 100% 確信できました。キー/値の一部を削除して実験しましたが、問題は解決しません。

タイルをローカルにロードする方法についてアドバイスをいただければ幸いです。

4

2 に答える 2

0

tilejson を変数に格納することで動作するようにしました。問題なくタイルが読み込まれるようになりました。

var tilejson = {
        bounds: [-6.6028, 49.689, 1.9446, 55.943 ],
        center: [-1.7029, 52.703, 6],
        maxzoom: 15,
        minzoom: 6,
        scheme: "xyz",
        tilejson: "2.0.0",
        tiles: ["http://localhost:8081/data/oa_belonging_tiles/{z}/{x}/{y}.png"],
        version: "1.0.0"
    };

var map = new L.Map('map')
        .addLayer(new wax.leaf.connector(tilejson))
        .setView(new L.LatLng(53, -1.7), 6);
于 2013-08-09T15:21:41.267 に答える
0

https://www.mapbox.com/を使用することに反対しない場合は、さらに多くのタイル オプションを提供できます。同様の問題がありました。 tilejson オブジェクト全体を置き換える方法のスニペットについては、以下を参照してください。これがマップボックスの仕組みですhttps://www.mapbox.com/guides/how-mapbox-works/ .

編集：もちろん、私がやったように、まだリーフレットを使用している間. また、最新バージョンのワックス コネクタを使用しました。http://www.geosprocket.com/mapbox-wax/manual/index.html#downloads

//HTML

     <div id="map"></div>

JS スクリプト

     L.mapbox.accessToken = 'token';
var map = L.mapbox.map('map','yourmapid')
    .setView([yourlocation], 15);
于 2015-08-28T16:28:39.887 に答える