Google Maps APIのメモ

経度・緯度を調べる

　色々方法はあるが、AobaさんのGeocoding.jpが一番楽。多謝！！
　http://www.geocoding.jp/

　Geo::Google等で自分で取得するのも吉。
　ただし、Geo-Google-0.02では、Google Maps API 2では上手く動かない模様。　＃2006/04/26現在

IEでGoogle Maps APIでエラーが起こる

    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=hoge" type="text/javascript" charset="utf-8"></script>

Internet Exploerでは、

<span style="font-weight:bold;">charset="utf-8"</span>

を付けないとエラーになるみたい。GBrowserIsCompatibleが見つかりませんとか。

Google Maps APIのサンプルプログラム

    <script type="text/javascript">

    //<![CDATA[
    var map;
    var point;

    function load(lng,lat,msg) {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(lng, lat), 18);

        point = new GLatLng(lng, lat);
        map.addOverlay(createMarker(point, 1));
        map.openInfoWindow(point,document.createTextNode(msg));


      }
    }

    function createMarker(point, number) {
      var marker = new GMarker(point);
      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml("");
      });
      return marker;
    }

    //]]>
    </script>

ヘッダー部分にでも入れておいて、表示させたい部分に1×1gifなどと一緒にロードすると簡単。IFrameが使えないブログでも使用できる。loadの引数に緯度・経度・メッセージを渡す。

<img src="/image/space.gif" 
alt="space.gif" width="1" height="1" 
onload="load('35.686121', '139.76259', 'Hello World')"/>
<div id="map" style="width: 500px; height: 300px"></div>