
携帯用サイトでGoogle static maps API を使っているのですが,
サイト内にテキストフォームを用意して住所を入力すると
<img
src="http://maps.google.com/staticmap?
center=34.6663690,133.918588 ←ここを変更したい
&size=250x300
&zoom=13
&maptype=mobile
&key=.....
>
の内容を変更してその住所のマップを再表示するようにしたいと思っています.
Google map APIで取得したlat, lngなどの情報を<img>内に反映させることって出来るのでしょうか?

A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
No1です。
勘違いしました。携帯電話からアクセスしているのですね。
携帯のブラウザだと、JAVASCRIPTの動作に自身が無いです。
先の方法はだめな可能性が高いです。
No.1
- 回答日時:
GClientGeocoderクラスで、住所から緯度・軽度を検索して、
DOM {element.setAttribute(name,vale)}命令でセットするだけで出来ます。
例
<html><head><title>Staticmap</title>
<script src="http://maps.google.com/maps?file=api&v=2& …
type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
<!--
function GetGeocode(addr){
var geocoder = new GClientGeocoder();
geocoder.getLatLng(addr, showmap);
}
function showmap(latlng){
if (latlng){
var lat = latlng.lat();
var lng = latlng.lng();
stmap_val_f = "http://maps.google.com/staticmap?";
stmap_val_l = "&size=250x300&zoom=13&maptype=mobile&key=***";
stmap_val = stmap_val_f+"center="+lat+","+lng+stmap_val_l;
document.getElementById("map").setAttribute("src",stmap_val);
}else{
alert("Not Found !")
}
}
// -->
</script></head>
<body onunload="GUnload()">
<form id="in" name="in" action="#">
<input type="text" id="org_addr" name ="org_addr" size="30" />
<input type="button" id="search" size="10" value="検索" onClick="GetGeocode(this.form.org_addr.value)" />
</form>
<img id="map" src="http://maps.google.com/staticmap?center=34.66636 …
</body></html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
re:クリップボードの操作(度々...
-
表示したいだけなんですけど…
-
C言語クイックソートの比較総回...
-
特定<table>内の<td>の色を変える
-
iframe内のformをサブミットす...
-
フォームで入力した値を別のフ...
-
子から親へチェックボックスの...
-
動的にTabindexの値を変えたい!
-
confirmのOK・キャンセルを押し...
-
ラジオボタンは0からと1からの...
-
<input>の選択肢をプルダウンメ...
-
フォームのname値を配列にしてJ...
-
selectboxのoptionタグのvalue...
-
画面表示とともにtableの指定の...
-
テーブルの項目の値取得
-
プルダウンからの背景色変更
-
JQuery selectが反映されない
-
jquery での <select multiple=...
-
JavaScriptから自ページリンク...
-
<select> をmultiple にしてい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TextBoxに半角数字以外を入れた...
-
子ウィンドウを閉じるとき、親...
-
フレーム内で計算した結果を他...
-
ページ間で変数を保持したい
-
HTMLファイル同士での値渡し
-
function名の変更はできますか?
-
フォームのPOSTデータをサブウ...
-
HTMLタグの生成について
-
ダイアログでFORMのsubmit()
-
ボタンに任意の動作をさせてテ...
-
大文字か小文字かを判断する方法
-
jQueryのdatepickerの日付が選...
-
blurイベントについて
-
子ウィンドウの情報を取得したい
-
<input type="text" name="Q1">...
-
javascriptについての質問です...
-
テキストエリアに履歴を残したい
-
フォームの内容でリンク先URLの...
-
【Javascript】(テキストボッ...
-
入力するテキストエリアをボタ...
おすすめ情報