グーグルストリートビューで、指定した座標が建物上だったり、ストリートビューが提供されていない場所だった場合、そこから一番近い場所のストリートビューを表示する方法があります。

GoogleMap APIのバージョンが異なると書き方が違ってくるので、その違いを紹介。

JavaScriptのクラスとして定義しています。

バージョン2の場合、以下のようにしていました。

var stViewClass = {

    panoramaOptions: {
        latlng: new GLatLng({緯度}, {経度}),
        pov: {
            heading: 0,
            pitch: 0,
            zoom: 1
        }
    },

    makeStreetView: function(id)
    {
        stPanorama = new GStreetViewPanorama(document.getElementById(id), this.panoramaOptions);

        stClient = new GStreetviewClient();
        stClient.getNearestPanoramaLatLng(this.panoramaOptions.position, function(latlng) {
            if (latlng != null)
            {
                stPanorama.setLocationAndPOV(latlng);
            }
        });
    }

}

バージョン3の場合、以下のような記述になります。 続きを読む…»

Ajaxを使用して通信し、得た結果を処理するときの注意点。

サーバーサイドでオブジェクト等を生成して返し、それをeval処理する際、
無効な改行が含まれるとエラーが発生することがあります。

具体的には「終了していない文字列型の定数です。」とスクリプトエラーが発生してしまいます。

例えば、PHPで単純に以下のようなデータを出力するとします。

echo "var a = \"文字列\";";

それをJavaScriptでeval処理すると

eval(responseText);
alert(a);

「文字列」というアラートが表示される。
続きを読む…»

https://developers.google.com/maps/documentation/javascript/services?hl=ja

imgタグを使って静的な画像を取得する。
mapprintは正式な方法ではないようだ。

<img src="http://maps.google.com/staticmap
?center=35.65641,139.699477
&amp;markers=35.65660,139.699477,red
&amp;zoom=16
&amp;size=500x300
&amp;key=[ここに Key を記述]">

・center（必須）：マップの中央の座標を緯度と経度で指定します（例：center=35.65641,139.699477）
・zoom（必須）：ズームレベルを0～19の間で指定します（例：zoom=13）
・size（必須）：表示するマップのサイズを幅×高さで指定します。なお、指定できる地図の最大の大きさは512×512です
・maptype（オプション）：マップの表示タイプを指定します。値はroadmapとmobileの2種類で、roadmapは標準のマップ表示、mobileは携帯用に見やすくした表示となります。roadmapがデフォルトとなります。
・markers（オプション）：マーカーをマップ上に配置します。マーカーを指定した場合、centerやzoomは指定しなくても構いません。指定で きる内容は、マーカーの緯度・経度、マーカーの色（red,blue,green）、マーカーの文字（a-z）を指定できます。また、複数のマーカーを指 定するときは、|（パイプ、%7C ）で区切ります。
・key（必須）：Google Maps API キーを指定します。