アーカイブ: 2010年2月24日

Google Maps API V3 まとめ

パーマリンク 2010/02/24 17:55:43 著者: kumaold メール
カテゴリ: Javascript/Java, API

すっかりブログを放置気味ですみません。


仕事の案件でGoogle Maps API を使うものがあり、いままでは V2 を使用していましたが、今回は思い切って V3 使うことにしました。


V3 のドキュメントはまだ英語版しか公開されていませんね。
(まだ Labs って書いてあることを考えても)

そこで重宝したのがこちらの非公式日本語版です。


表向きの動作は変わってないようですが、V3 になって結構コードが変わっちゃってるので、そのままコピペで移行できるレベルではありません。

まず、呼び出し方。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

毎回URL毎に埋め込むの必要があったAPIキーがなくなっています。
sensor は モバイル端末などの GPS のある環境用では true、PC用などそれ以外では false のどちらかを設定しましょう。


HTMLの方には必ず幅と高さを指定した上で、表示場所を作っておきます。

<div id="google_map_id" style="width : 400px; height : 400px;"></div>

それをJavascript側のgetElementById(ID)でもってきます。

var mapdiv = document.getElementById("google_map_id");

これが地図の表示部分のコードになります。
(map はグローバル変数の方が使い回しやすいかも)

var myOptions = {
    zoom: ズームレベル,
    new google.maps.LatLng(緯度, 経度),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scaleControl: true
};
var map = new google.maps.Map(mapdiv, myOptions);

面倒になってきたので今日はこの辺まで。


マーカーとかポップアップまわりも大幅に変更されています。

特に、一括で色々削除できる clearOverlays() がなくなってしまったようなので、個別にオブジェクトを削除しないといけないとか面倒な仕様になっています。

詳しくはまたそのうち。

Google Maps APIv2活用リファレンスGoogle Maps APIv2活用リファレンス
技術評論社 2007-02-09
おすすめ平均

一六社で働くITエンジニアのブログ。

普段はWeb系システム開発と地元のPCサポートをやってます。いつの間にやら会社に8年目。
技術ネタ中心に日々の仕事と生活と趣味やらを気が向いたら書いてます。

2010年2月
 << < 現在> >>
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28            

検索

XMLフィード

16ブログ     powered by b2evolution