2008/03/21

[google map]マップタイプの追加

先週、新卒者の会社説明会で、google mapを使ってプレゼン資料を作りました。

で、その時に、いろいろな機能を追加したので、忘れないようにブログに残しているのですが、今日は、同じコントロールでも地図そのものを変更させるGMapTypeControl()の紹介!!

このコントロールを追加することで、「地図モード」と「航空写真モード」との切り替えができます。

var map = new GMap2(document.getElementById("map"));
map.addControl(new GMapTypeControl());

via:Google マップ API

実装結果は、下になりました。

<DIV  id="map_6"  style="width:  250px;  height:  150px"></DIV>
<SCRIPT  type="text/javascript">
    var  map6  =  new  GMap2(document.getElementById("map_6"));
    map6.setCenter(new  GLatLng(35.45492,  139.631445),  13);
    //  地図タイプの変更ができるコントロールを追加する
    map6.addControl(new  GMapTypeControl());
</SCRIPT>


実行結果は、下になります。


0 コメント:

コメントを投稿