「map-div」内のブラウザーに .mbtiles を表示しようとしています。mb-utilを使用して、.mbtiles を .png タイル ファイルと .json ファイルに抽出しました。
これは私のサーバーの public_html がどのように見えるかです:
タイル フォルダー:
tile フォルダー内の metadata.json:
メインの JavaScript ファイル java.js:
java.js 内にはWax コネクタからのコードがあるため、.json を使用して Leaflet を操作できます。
この状態のマップは機能しません。
そこで、mbtiles ファイルを MapBox ホスティングにアップロードし、.json URL を取得しました。また、java.js の URL http://testit969.host22.com/tileserver/ Century.json が Mapbox で生成された .json URL に置き換えられると、マップが表示されます (ただし、対話機能は機能しません)。これは、少なくとも、.json ファイルに問題がなければ、コードでマップを表示するのに十分であることを示しています。
しかし、現在、マップはまったく表示されません。リーフレット マップ コンテナーは灰色でのみ表示されます。
どんな助けでも大歓迎です。