Google Static Maps で生成される地図画像にピンを打ったのですが、このピンの画像としての座標を取得する方法はありませんか?


例えば、東京タワーを中心とするマップ画像に、2つのピンを打っているとします。
この2つのピンが画像内での、x座標、y座標を知りたいのです。

Google側で画像を作るときはもちろんわかって生成しているのでしょうが、APIを使うのかなにかを使って取得する方法を教えてください。

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2011/03/17 10:47:15
  • 終了:2011/03/24 10:50:04

回答(2件)

id:mkonomi No.1

mkonomi回答回数651ベストアンサー獲得回数452011/03/17 11:23:19

ポイント24pt

 

ピンの場所に限らず、地図上のどの場所でも

右クリック

一番下の[この場所について]

でその座標が得られます。

 

id:dingding

その使い方は知りませんでした。

ただ、今回の質問は「Google Static Maps」なのでできた地図はjpgやgifなどの画像ファイルです。右クリックしてもただの画象としてのメニューしか出ません。

また、座標と書いたのは、画象のx=100,y=50というような座標で緯度、経度ではないです。

2011/03/17 14:09:28
id:mkonomi No.2

mkonomi回答回数651ベストアンサー獲得回数452011/03/17 22:20:17

ポイント46pt

画像の座標を調べる

 

ブラウザLunascapeでは

x,y:undefined,undefined

となりましたが、

ブラウザIEでは正しい座標(x、y)を得ることができました。

x,y:163,90 ←例

 

左上が原点です。

 

id:dingding

ありがとうございます。実際に試していただきましてありがとうございます。

これはjavascriptでマウスの位置をとっているものですね。

欲しいのはGoogle Static Maps APIで生成された画象内のピンの位置をAPIで取得することなので、

全部プログラムで完結する方法です。ちょっと目的とは違いました。

2011/03/19 22:08:20
  • id:mkonomi
    ふたつ目の回答を投稿したあとで、
    画像ファイルはgif形式しか扱えないのかもと不安になりました。
    jpg形式画像ファイルで実際に試してみてうまく座標が得られて
    安心しました。
  • id:mkonomi
    ソースコード内のコメントで
    <!--画像のファイル名「map.gif」をあなたの画像のファイル名に変更してください-->
    と指示されています。
     
    これに従い、
    <img src="map_files/map.gif" name="マップ" usemap="#map1" alt="マップ" border="0">
    において、map.gifを自分の画像例えばmymap.jpgに置き換えます。
    <img src="map_files/mymap.jpg" name="マップ" usemap="#map1" alt="マップ" border="0">
     
    ■《上記書き換えだけでは不十分》
    このほかに、以下の変更も必要だと思います。
    すなわち、自分の画像mymap.jpgのサイズに応じて下記行を変更する。
    <area shape="circle" coords="0,0,300,100" alt="area">
     
    わたしが試した例では
    画像mymap.jpgの画像サイズは横320ピクセル、縦240ピクセルです。
    これに合わせて、
    <area shape="rect" coords="0,0,320,240" alt="area">
    と変更することでうまくできました。
     
    ■《元々のオリジナルソースコードに誤り》
    元々のオリジナルソースコードにおいて
    shape="circle" ・・・円
    とあるのは
    shape="rect" ・・・長方形
    の誤りだと思います。
    なぜなら、円なら、coords=のパラメータが3個のはずなのに、4個書かれている。
     
  • id:mkonomi
    >わたしが試した例では
    >画像mymap.jpgの画像サイズは横320ピクセル、縦240ピクセルです。
    >これに合わせて、
    ><area shape="rect" coords="0,0,320,240" alt="area">
    >と変更することでうまくできました。
    ちょうど画像サイズぴったりにする必要がないことがわかりました。
    予め充分広めに設定しておけば、画像を置き換える都度書きかえる
    手間がなくなると思います。
     
    《例》上記例の画像mymap.jpgの場合
    <area shape="rect" coords="0,0,1600,1200" alt="area">
    で試しましたが、問題ありませんでした。
     

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません