ユーザーがこの新しい場所に従ってテキストフィールドに新しい場所のアドレスを入力したときに、Googleマップでiframeを更新する必要があります。
私のHTMLコード:
<input type="text" id="address" />
<input type="button" id="search" value="Search" onclick="javascript:findLocation();"/>
<iframe id="mapView" width="700" height="385"
frameborder="0" scrolling="no"
marginheight="0" marginwidth="0"
src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Kharkiv&aq=&vpsrc=0&ie=UTF8&hq=&hnear=Kharkiv&z=14&output=embed">
</iframe>
私のJavaScriptコード:
function findLocation(){
var location=document.getElementById('address').value;
var newLocation="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q="+location+"&aq=&vpsrc=0&ie=UTF8&hq=&hnear="+location+"&z=14&output=embed";
document.getElementById("mapView").src=newLocation;
document.getElementById("mapView").reload(true);
}
ただし、iframeはボタンを押した後に無効になります。
何か案は?