松澤さん<div><br></div><div>北海道の喜多です。</div><div>返信ありがとうございます。</div><div><br></div><div>そもそも、Geojsonで表示するデータではないようですね。</div><div><br></div><div>utfGridというのを勉強してみます。</div><div>また、わからないことがあったら聞くかもしれません。その時は教えてください。</div><div><br></div><div>よろしくお願いします。</div><div><br></div><div>北海道 喜多耕一</div><div><br>2015年7月30日木曜日、Taro Matsuzawa<<a href="mailto:taro@georepublic.co.jp">taro@georepublic.co.jp</a>>さんは書きました:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">松澤です。<br>
<br>
地図を動かせないのはLeaflet 0.7.3系のパフォーマンスの問題があります。<br>
単純にLeaflet 1.0.0-beta1を使うだけでも動作はします。<br>
<br>
<a href="https://github.com/smellman/LeafLet_test/commit/03810702c7f9694bb5b0ddc9bd3adef9062dafbf" target="_blank">https://github.com/smellman/LeafLet_test/commit/03810702c7f9694bb5b0ddc9bd3adef9062dafbf</a><br>
<br>
こんな感じです。<br>
<br>
あと、そもそもgeojsonに使われてないデータが結構あるので、<br>
それを弾くとどうなるかなども確認してみました。<br>
<br>
<a href="https://github.com/smellman/LeafLet_test/commit/0c0f86b21f1595c401fcc9b777f7251d5d253087" target="_blank">https://github.com/smellman/LeafLet_test/commit/0c0f86b21f1595c401fcc9b777f7251d5d253087</a><br>
<br>
そこまで速度は稼げなかったですが、<br>
体感として少し良くなります。<br>
いちおう工夫した点としては、<br>
1. geojsonはネットワークで経由で読み込む(元のgeojson自体はinvalidなので)<br>
2. geojsonを読み込んだ後に余計なデータは削除する<br>
3. headタグでjsは読み込まないようにする<br>
などをしています。<br>
<br>
で、結局のところ元のgeojsonがでかすぎる(16MB)ので、<br>
和山さんが書いたようにutfgridなどのべつのものを使った方がいいと思います。<br>
<a href="https://github.com/mapbox/utfgrid-spec" target="_blank">https://github.com/mapbox/utfgrid-spec</a><br>
明らかにgeojsonには不向きのデータだと思います。<br>
<br>
On 2015/07/30 1:40, 喜多耕一 wrote:<br>
> 北海道の喜多です。<br>
><br>
> 現在、Leafletを使って、様々なデータをWebで可視化しようと思っていてるのですが、北海道の津波浸水予想範囲のメッシュデータ（ポリゴン）を地図上に表示すると非常に重たくなります。<br>
><br>
> サンプル<br>
> <a href="http://koukita.github.io/LeafLet_test/tsunami_test/index.html" target="_blank">http://koukita.github.io/LeafLet_test/tsunami_test/index.html</a><br>
><br>
> ひとつの町村の半分も表示していないのですが、地図を動かすことも出来ません。<br>
><br>
> このままでは、使い物にならないのですが、大量のポリゴンデータでもスムーズに動かす方法はあるのでしょうか？<br>
><br>
> たとえば、表示している地図の範囲のみデータを読み込むとか・・・。<br>
><br>
> また、ポリゴンやマーカーなどを表示するズームレベルを限定はできますか？<br>
> 例えばズームレベル17より小縮尺は表示しないとか。<br>
><br>
> JavaScriptもHTMLも初心者ですので、わかりやすい説明でお願いします。<br>
> よろしくお願いします。<br>
><br>
> 北海道 喜多耕一<br>
><br>
><br>
><br>
> _______________________________________________<br>
> OSGeoJapan-discuss mailing list<br>
> <a href="javascript:;" onclick="_e(event, 'cvml', 'OSGeoJapan-discuss@lists.osgeo.org')">OSGeoJapan-discuss@lists.osgeo.org</a><br>
> <a href="http://lists.osgeo.org/mailman/listinfo/osgeojapan-discuss" target="_blank">http://lists.osgeo.org/mailman/listinfo/osgeojapan-discuss</a><br>
><br>
<br>
<br>
--<br>
Georepublic Japan Ltd.<br>
3-24-14, Honmachi, Shibuya-ku, Tokyo, Japan<br>
<br>
Taro Matsuzawa<br>
Senior Developer<br>
<br>
eMail: <a href="javascript:;" onclick="_e(event, 'cvml', 'taro@georepublic.co.jp')">taro@georepublic.co.jp</a><br>
Web: <a href="https://georepublic.info" target="_blank">https://georepublic.info</a><br>
<br>
Tel: +81 (03) 4578 9352<br>
Fax: +81 (03) 3374 0291<br>
</blockquote></div>