- 締切済み
Google static maps api と Google map api
携帯用サイトで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>内に反映させることって出来るのでしょうか？
- amorue
- お礼率0% (0/2)
- その他（プログラミング・開発）
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
No1です。勘違いしました。 携帯電話からアクセスしているのですね。 携帯のブラウザだと、JAVASCRIPTの動作に自身が無いです。 先の方法はだめな可能性が高いです。
- yyr446
- ベストアンサー率65% (870/1330)
GClientGeocoderクラスで、住所から緯度・軽度を検索して、 DOM {element.setAttribute(name,vale)}命令でセットするだけで出来ます。 例 <html><head><title>Staticmap</title> <script src="http://maps.google.com/maps?file=api&v=2&key=***" 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.6663690,133.918588&size=250x300&zoom=13&maptype=mobile&key=****"></img> </body></html>
