重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

携帯用サイトで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>内に反映させることって出来るのでしょうか?

「Google static maps a」の質問画像

A 回答 (2件)

No1です。

勘違いしました。
携帯電話からアクセスしているのですね。
携帯のブラウザだと、JAVASCRIPTの動作に自身が無いです。
先の方法はだめな可能性が高いです。
    • good
    • 0

GClientGeocoderクラスで、住所から緯度・軽度を検索して、


DOM {element.setAttribute(name,vale)}命令でセットするだけで出来ます。

<html><head><title>Staticmap</title>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp …
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>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!