タグ付けされた質問 「leaflet」

Mapboxで地図上のすべてのマーカーを表示するようにビューを設定するにはどうすればよいですか。 Leafletですか？Google Maps APIのようにbounds？ 例えば： var latlngbounds = new google.maps.LatLngBounds(); for (var i = 0; i < latlng.length; i++) { latlngbounds.extend(latlng[i]); } map.fitBounds(latlngbounds);

124 leaflet  mapbox 

次のコードは、リーフレットマップを初期化します。初期化機能は、ユーザーの位置に基づいてマップを中央に配置します。初期化関数を呼び出した後、マップの中心を新しい位置に変更するにはどうすればよいですか？ function initialize() { map = L.map('map'); L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', { maxZoom: 18, attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>' }).addTo(map); map.locate({setView: true, maxZoom: 8}); }

111 javascript  leaflet 

appcachingを使用したオフラインWebアプリケーションがあります。主にPNG画像ファイルで構成される（クライアント側で）保存する約10MB-20MBのデータを提供する必要があります。操作は次のとおりです。 Webアプリケーションをダウンロードしてappcacheにインストール（マニフェストを使用） サーバーPNGデータファイルからのWebアプリリクエスト（方法？-以下の代替案を参照） 時々、Webアプリがサーバーと再同期し、PNGデータベースへの小さな部分的な更新/削除/追加を行います 参考：サーバーはJSON RESTサーバーであり、ピックアップのためにwwwrootにファイルを配置できます これが、バイナリBLOBストレージを処理するクライアントベースの「データベース」の私の現在の分析です 下の更新を見る AppCache（マニフェストを介してすべてのPNGを追加し、オンデマンドで更新します） CON：PNGデータベースアイテムの変更は、マニフェスト内のすべてのアイテムの完全なダウンロードを意味します（本当に悪いニュースです！） WebStorage CON：JSONストレージ用に設計 CON：base64エンコーディングを介してのみblobを格納できます（デエンコーディングのコストのため、おそらく致命的な欠陥） CON：webStorageの5MBのハード制限http://htmlui.com/blog/2011-08-23-5-obscure-facts-about-html5-localstorage.html PhoneGapとSQLLite CON：スポンサーは、認定を必要とするネイティブアプリとしてそれを拒否します ZIPファイル サーバーはzipファイルを作成してwwwrootに配置し、クライアントに通知します ユーザーは手動で解凍し（少なくともそれが私の見方です）、クライアントファイルシステムに保存する必要があります WebアプリはFileSystem APIを使用してファイルを参照します CON：ZIPが大きすぎる（zip64？）、作成に時間がかかる CON：FileSystem APIが常にサンドボックスから読み込めるかどうかわからない（そう思います） USBまたはSDカード（石器時代に戻る...） ユーザーはオフラインになる前にサーバーに対してローカルになります SDカードを挿入し、サーバーにPNGファイルを挿入させます。 次に、ユーザーはそれをラップトップ、タブレットに接続します WebアプリはFileSystem APIを使用してファイルを読み取ります CON：FileSystem APIが常にサンドボックスから読み込めるかどうかわからない（そう思います） WebSQL CON：w3cがそれを放棄した（かなり悪い） IndexedDBとWebSQLをフォールバックとして使用するJavaScriptラッパーを検討するかもしれません FileSystem API Chromeはblobの読み取り/書き込みをサポートします CON：IEとFireFoxについて明確でない（IE10、非標準のmsSaveがある） caniuse.comはIOSとAndroidのサポートを報告しています（ただし、これはJSONのr / wだけですか、それとも書き込み用の完全なblob APIが含まれていますか？ CON：FireFoxの人々はFileSystem APIを嫌い、ブロブの保存をサポートしているかどうかは不明です：https : //hacks.mozilla.org/2012/07/why-no-filesystem-api-in-firefox/ PRO：jsperf http://jsperf.com/indexeddb-vs-localstorage/15（ページ2）によると、BlobのIndexedDBよりはるかに高速 IndexedDB …

105 javascript  html  web-applications  indexeddb  leaflet 

オープンソースマップとしてリーフレットを使い始めました。http：//leaflet.cloudmade.com/ 次のjQueryコードは、マップクリック時にマップ上にマーカーを作成できるようにします。 map.on('click', onMapClick); function onMapClick(e) { var marker = new L.Marker(e.latlng, {draggable:true}); map.addLayer(marker); marker.bindPopup("<b>Hello world!</b><br />I am a popup.").openPopup(); }; しかし、現在のところ（コード内で）既存のマーカーを削除したり、マップ上で作成したすべてのマーカーを見つけて配列に配置したりする方法はありません。誰かがこれを行う方法を理解するのを手伝ってくれる？リーフレットのドキュメントはこちらから入手できます：http : //leaflet.cloudmade.com/reference.html

102 jquery  leaflet 

Vue javascript内の画像など、静的アセットを参照するための適切なURLを探しています。 たとえば、カスタムアイコン画像を使用してリーフレットマーカーを作成していて、いくつかのURLを試しましたが、すべてが404 (Not Found)：を返します。 Main.vue： var icon = L.icon({ iconUrl: './assets/img.png', iconSize: [25, 25], iconAnchor: [12, 12] }); 画像をアセットフォルダーと静的フォルダーに入れてみましたが、うまくいきませんでした。どういうわけかそれらの画像をロードするようにvueに指示する必要がありますか？

98 javascript  vue.js  leaflet 

LeafletとMapboxとは何ですか？また、両方の違いや使用法は何ですか？APIの主な違いは何ですか？

84 api  dictionary  leaflet  mapbox