今日、Webサイトを調べていたら、あやしい地図を発見した。
Google Map を、何も考えないでWebページに貼り付けると、ルーラーとかのアクセサリが普通に使える。しかし、そのサイトに貼ってあった地図は、アクセサリが付いてなかった。マウスでドラッグすると動くので、画像ではない。どうなっているんだろう、と思い、Yahoo api で作る地図も調べてみよう、と思った。
Yahoo API を使うには
Goggle API とそっくりです。詳しくは、Yahoo で、Yahoo Api を検索すると一番上に出たページを見てください。
YAHOO デベロッパーズ・ネットワーク
サンプルをやってみよう
解り易い例が載ってます。このとおりに作ると、やっぱりアクセサリが出ません。
アクセサリの出し方は、その例の下に使い方が載ってました。
Google Map 風に書き換えるとこんな感じ。
function map_view() { var mapopt = { configure : { doubleClickZoom : false, scrollWheelZoom : true, singleClickPan : false, dragging : true } }; var ymap = new Y.Map("map", mapopt); var latlng = new Y.LatLng(38.2865544,140.318898); ymap.drawMap( latlng, 17, Y.LayerSetId.Normal); var control1 = new Y.ScaleControl(); var control2 = new Y.SliderZoomControlHorizontal(); ymap.addControl(control1); ymap.addControl(control2); var label1 = new Y.Label( latlng, "株式会社テクノ・サービス 山形営業所" ); ymap.addFeature( label1 ); }
これは、ここを参照。
YAHOO地図の例