Question

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

任何帮助将不胜感激。

Answer 1

如果您的问题仅为“如何更改iFrame的网址”，则以下内容可能有所帮助：

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

但如果您的问题是“如何在更改选择框后使用javascript在Google地图上设置位置”，我强烈建议使用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>

动态谷歌地图加载

1 个答案: