动态谷歌地图加载

Question

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

任何帮助将不胜感激。

Answer 1

如果您的问题仅是“我如何改变一个iFrame的URL”，下面可能会有所帮助：

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

但是，如果你的问题是“我怎么一个谷歌地图地图上设置位置改变选择框后使用javascript“，我强烈推荐使用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>