ClipChip Map Beta のヒント

ClipChip Map は、公開されたClipChip(クリップチップ)のうち、緯度・経度情報が設定されているものを、地図上に表示します。

現在β(ベータ)版での、実験的なご提供である為、改良の為、表示内容等が変わる可能性がありますので、
ご利用にあたっては、あらかじめご了承ください。

ClipChip Map の URLは、 http://mb.clipchip.net/map/map.html となっています。

ClipChip Map のURLには、現時点で、いくつかのパラメータが用意されています。

パラメータ無し

パラメータを指定しない場合は、写真サムネイル表示ありで、地図で表示されたエリアに含まれるClipChipを表示します。
地図の移動に合わせて、表示されるClipChipが変化します。
ClipChip表示数は、最大で100にしてあります。
ClipChipナンバーの大きいもの(新しいClipChip)が優先されます。

パラメータあり

URLに次の様にパラメータを設定すると、標準の動作を変える事ができます。

http://mb.clipchip.net/map/map.html? + パラメータ

例えば、

http://mb.clipchip.net/map/map.html?clipchipNo=43531&zoom=12&showPhoto=false

とすれば、サムネイル非表示状態で、地図のzoomは12、ClipChipナンバー 43531 の ClipChipを画面の中央にした状態で地図を表示します。

http://mb.clipchip.net/map/map.html?userId=NAA

とすれば、内部ユーザID NAA のユーザのClipChipのみを表示します。

※内部ユーザIDとは、ClipChipを表示した時のURLの、3番目のサブパスです。
  例えば、http://mb.clipchip.net/cc/pc/NAA/xmA/photo.action?photoId=0000043531 であれば NAA となります。

パラメータを上手に設定したURLをブログなどに貼り付けますと、

などを表示できるようになります。

パラメータは、実験的なものもありますが、現時点では以下のものがあります。
いろいろ設定してお試しください。

なお、リンクではなく、JavaScriptで地図を開く場合は、
window.open(url, "gmap", "width=800,height=600,resizable=yes");
といった、呼び出しが良い様です。ご参考までに。

パラメータ 意味 デフォルト
lat 緯度 GoogleMapの小数形式 36.204824
lng 経度 GoogleMapの小数形式 138.252924
userId ユーザ限定 内部ユーザID なし(全ユーザのClipChip)
clipchips 指定ClipChip限定 ClipChipナンバー
例1) 43531,43532
例2) 43531-43548
例3) 43531,43544-43531
なし(地図内のClipChip)
postalCode 郵便番号(指定郵便番号でGeocodingされた位置を中心にする) 郵便番号 なし
zoom 初期ズームレベル 0-19 5
showLine ClipChipのマーカーを検索された順に線で結ぶ true/false false
showStreetView ストリートビューの表示・非表示 true/false false
showPhoto サムネイルの表示・非表示 true/false true
title ヘッダータイトルを指定する encodeURI() でエンコードされたタイトル文字 "ClipChip Map Beta"
clipchipNo 地図を開いた時に、指定ClipChipを中央表示し、吹き出しも表示 ClipChipナンバー なし