1

私は、オプションとして別の場所の名前を持つ選択ボックスのような要件を持つアプリケーションを使用しています.任意の場所を選択すると、場所がGoogleマップに表示されます.IFrameを使用してGoogleマップをロードしています.I 「src」属性を変更する方法、または選択ボックスから場所を選択する際の「url」となる方法、およびjqueryを使用してGoogleマップに表示する方法についてはわかりません。

どんな助けでも大歓迎です。

4

1 に答える 1

2

質問が「iFrameのURLを変更するにはどうすればよいですか」だけの場合は、次のことが役立つ場合があります。

$('select').change(function() {
    $('iframe').attr('src', newSrc);
});

ただし、「選択ボックスを変更した後、JavaScriptを使用してGoogleマップマップ上の場所を設定するにはどうすればよいですか」という質問の場合は、Google Maps V3JavascriptAPIを使用して問題を解決することを強くお勧めします。例：

HTML：

<select name="location">
    <option value="6,51">Location 1</option>
    <option value="5,52">Location 2</option>
</select>

<div id="map"></div>

Javascript：

var map;
$(function() {
   initialize();
   $('select[name=location]').change(function() {
      var latLng = $(this).val().split(',');
      map.setCenter(new google.maps.LatLng(latLng[0], latLng[1]));
   });
});

var initialize = function() {
    var mapOptions = {
        zoom: 8,
        center: new google.maps.LatLng(-34.397, 150.644),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById('map'), mapOptions);

}
</script>
于 2013-01-07T10:12:15.063 に答える