smellman's Broken Diary

クソみたいなもんです

wellknown.jsを使ってブラウザ上でWKTをさくっと使ってみる

GIS関連のWebサイトを作っている時にAPI側はGeoJSONを吐くようにしていても、管理画面は別にGeoJSONを取りに行くAPIを叩くのではなく直接オブジェクトをHTMLに書き出して取扱いしたいなーって時があったりします。

そんなわけで、WKTを直接ブラウザで扱ってみようっていう話です。
今回使うのはmapboxのwellknown.jsです。

github.com

ソースはこんな感じです。


wellknown.js demo

デモはこんな感じ。

https://cdn.rawgit.com/smellman/c140d72539cd4acb261d15a78bc2a024/raw/fff3e3423d441587a7f81ddbfc2e602e6b3b56e6/index.html

まぁ、単にwellknown自体がbrowserifyされた状態で配布されているので、それを読み込むと wellknown.parse とかでアクセスできるっていうだけです。
コレだけでもクソ便利すぎてやばい。