1

我正在使用一个应用程序，其中的要求就像我有一个选择框，其中有不同的位置名称作为选项。在选择任何位置时，该位置将在谷歌地图上看到。我正在使用 IFrame 加载谷歌地图。我我不知道如何更改“src”属性或从选择框中选择位置时的“url”是什么，以及如何使用 jquery 在谷歌地图上显示它。

任何帮助将不胜感激。

4

1 回答 1

2

如果您的问题只是“如何更改 iFrame 的 URL”，以下内容可能会有所帮助：

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

但是，如果您的问题是“如何在更改选择框后使用 javascript 在 Google Maps 地图上设置位置”，我强烈建议您使用Google Maps V3 Javascript API来解决您的问题。例子：

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 回答