search

mkmn / MashupAwards9

0 stars 0 forks source link

地図APIの選定 #3

Closed ryotarogoto closed 10 years ago

ryotarogoto commented 10 years ago

地図APIに関して、参考になるブログを発見(http://shimz.me/blog/map/2746)

mkmn commented 10 years ago

使いやすさ的には，GoogleかBingかな．．． 色合いならYahooもいいけど．

あとは，地図にピン（酒造の場所）うてるかどうか

ryotarogoto commented 10 years ago

僕はあまり地図apiを使ったことがないから、とりあえず調べたことをここに載せておきます。 yahoo地図apiに関して、（複数のマーカーの設置が可能です） オブジェクトの作成

地図のコンテナとなるDOMオブジェクト

地図を表示するメソッド ymap.drawMap((中心の緯度，経度)，#ズームレベル，#レイヤーセットID);#は必須ではない。 ここで、中心の緯度経度はY.LatLngオブジェクトを使う必要がある。 したがってvar ylatlng = new Y.LatLng(35.66572, 139.731);のようにする。ここは入力された行先の緯度経度を入力すればいいかな

ズームレベル：1 - 20での数値を指定する。これは、交通手段によって変更される値の予定 縮尺はここを見てください http://developer.yahoo.co.jp/webapi/map/openlocalplatform/v1/js/#index2-5 多少大きく見積もって 歩き：13 チャリ：14かなと考えています。

レイヤーセット：地図の表示方式を変更できます。 Y.LayerSetId.(表示形式)となり 表示形式には、NORMAL、PHOTO、B1などがあります。 PHOTOは航空写真で、あとはよくみる表示形式グーグルマップっぽいやつです。

肝心のマーカーについては、 var marder = new Y.Marder(new Y.LatLng(35,139)); ymap.addFeature(marker); とすれば表示できるらしく。 複数表示する分には、以下のように行う var markers = []; markers.push( new Y.Marker(new Y.LatLng(hoge,huga)); ); markers.push( new Y.Marker(new Y.LatLng(hoge1,huga2)); ); ymap.addFeatures( markers ); とりあえず使いそうなことだけ抜き出してみました。

次はgoogle map apiについて