経路と経路沿いPOIをSVGで地図っぽく表示してみた。
routes and pois by svg

routes and pois by svg
routes and pois by svg

経路データは やすらぎ居酒屋 月天 - ルートラボ - LatLongLab とか ALPSLAB route (名古屋駅~フェリーチェ・ぎゃろりいの(Felice Giallolino)) のデータ のKMLファイルを手動で JSON 化して使用。

経路沿いのPOI (店舗・施設) は YOLP(地図):ルート沿い検索API を利用して取得。

せっかくなので、自前の 『切り取り地図』Yahoo!の経路地図API などと比較してみる。

名古屋の栄駅16番出口~やすらぎ居酒屋 月天

経路と経路沿いPOIをSVGで地図っぽく表示
経路と経路沿いPOIをSVGで地図っぽく表示

切り取り地図
切り取り地図

Yahoo! 経路地図API
Yahoo! 経路地図API

名古屋駅~フェリーチェ・ぎゃろりいの

経路と経路沿いPOIをSVGで地図っぽく表示
経路と経路沿いPOIをSVGで地図っぽく表示

切り取り地図
切り取り地図

Yahoo! 経路地図API
Yahoo! 経路地図API

ALPSLAB略地図
ALPSLAB略地図

参考資料

Ref.

tags: svg yahoo_maps_api

Posted by NI-Lab. (@nilab)