googlemap api での座標の取得

締切済

質問者：takizawa-777
質問日時：2006/10/22 20:49
回答数：5件

googlemap apiを使って地図上をクリックしたところに
吹き出しをつくり、その中のフォームに情報を入力するという
ページを作成してます。
が、うまく座標がとれません。

GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
document.getElementById("show_x").innerHTML = point.x;
document.getElementById("show_y").innerHTML = point.y;

map.openInfoWindowHtml(point,"<form><tableborder=1><tr><td><input type=text　id=\"show_x\"><input type=text id=\"show_y\"></td></tr>);

としていますが、show_x show_y が <input type=text value=***> のところに
入りません。
<body>
緯度<p id="show_x"></p>
経度<p id="show_y"></p>
</body>
のところには表示されます。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

最新から表示
回答順に表示

No.5

回答者： mflow
回答日時：2006/10/23 13:30

map.openInfoWindowHtml(point,'<form><tableborder=1><tr><td><input type=text id="show_x" value="'+ point.x +'"><input type=text id="show_y" value="'+ point.y +'"></td></tr>');

ちょびっと間違えました。
つまり、getElementByIdでやるんじゃなくて、point.x、point.yの値を文字列として連結しフォームを作成するということです。

- 0
- 件

通報する

No.4

回答者： talepanda
回答日時：2006/10/23 13:13

もしかして、ですが、同じidを重複して使ってませんか？

そうであれば、いろいろと問題が出てきます。

＞緯度<p id="show_x"></p>
＞経度<p id="show_y"></p>

これを削除してみては？

- 0
- 件

通報する

No.3

回答者： mflow
回答日時：2006/10/23 01:52

こうじゃないでしょうか。

map.openInfoWindowHtml(point,"<form><tableborder=1><tr><td><input type=text　id=\"show_x\" value=\"'+ point.x +'\"><input type=text id=\"show_y\" value=\"'+ point.y +'\"></td></tr>);

この回答への補足

アドバイスありがとうございます。

上のようにすると、フォームに value として　'+ point.x +'　'+ point.y +'　という文字列が入るだけで値が入りません。

補足日時：2006/10/23 08:01

通報する

- 0
- 件

通報する

No.2

回答者： talepanda
回答日時：2006/10/22 23:19

map.openInfoWindowHtml(point,"<form><tableborder=1><tr><td><input type=text　id=\"show_x\"><input type=text id=\"show_y\"></td></tr>);

の後に

document.getElementById("show_x").innerHTML = point.x;
document.getElementById("show_y").innerHTML = point.y;

じゃないでしょうか？

この回答への補足

アドバイスありがとうございます。

後に書いたのですが、同じくダメです。

補足日時：2006/10/22 23:34

通報する

- 0
- 件

通報する

No.1

回答者： himajin100000
回答日時：2006/10/22 21:10

input要素は空要素だから存在しないのでしょう。

Google Maps未経験だし、実験してないので判りませんが

http://www.seo-equation.com/html/html/input
document.getElementById("show_x").setAttribute("value",point.x);
document.getElementById("show_y").setAttribute("value",point.y);

くらいはやらないと動かないような気がします

この回答への補足

アドバイスありがとうございます。

GEvent.addListener(map, 'click', function(overlay, point) {
if (point) {
　　　　document.getElementById("show_x").setAttribute("value",point.x);
　　　　document.getElementById("show_y").setAttribute("value",point.y);

map.openInfoWindowHtml(point,"<form><table border=1><tr><td><input type=text id=show_x><input type=text id=show_y></td></tr>

<body>
<form><input type=text id="show_x"><input type=text id="show_y"></form>
</body>

のなかでは表示されるようになりましたが
やはり
map.openInfoWindowHtml(point,"<form><table border=1><tr><td><input type=text id=show_x>
では空のままです。