Jquery 谷歌地图V3常量作为变量

在下面的示例中，我试图根据所选选项类型的值更新贴图类型

不幸的是，它似乎没有将

maptype

加载到

google.maps.MapTypeId

中，这令人沮丧。我试过将它作为字符串，也试过

var gmapsMapType=google.maps.MapTypeId.++maptype我觉得我在这里遗漏了一些东西

HTML

<select id="maptype" name="maptype">
    <option selected="selected" value="RoadMap">Road Map</option>
    <option value="Satellite">Satellite</option>
    <option value="Hybrid">Hybrid</option>
    <option value="Terrain">Terrain</option>
</select>

感谢您的帮助。
请使用：

使用：

使用：

使用：

如果选中映射选项，则该对象包含以下属性

center: N
mapTypeId: "roadmap" //lowercase 
zoom: 8

mapTypeId是小写的，因此您可以像

function initialize() {
    var maptype = $('#maptype>option:selected').val().toLowerCase();
    var myLatlng = new google.maps.LatLng(43.565529, -80.197645);
    var mapOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: maptype
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

$("#maptype").change(function () {
    initialize();
})

选中此项
如果选中映射选项

，则该对象包含以下属性

center: N
mapTypeId: "roadmap" //lowercase 
zoom: 8

mapTypeId是小写的，因此您可以像

function initialize() {
    var maptype = $('#maptype>option:selected').val().toLowerCase();
    var myLatlng = new google.maps.LatLng(43.565529, -80.197645);
    var mapOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: maptype
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

$("#maptype").change(function () {
    initialize();
})

---

选中此项

如果选中映射选项，则该对象包含以下属性

center: N
mapTypeId: "roadmap" //lowercase 
zoom: 8

mapTypeId是小写的，因此您可以像

function initialize() {
    var maptype = $('#maptype>option:selected').val().toLowerCase();
    var myLatlng = new google.maps.LatLng(43.565529, -80.197645);
    var mapOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: maptype
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

$("#maptype").change(function () {
    initialize();
})

---

选中此项

如果选中映射选项，则该对象包含以下属性

center: N
mapTypeId: "roadmap" //lowercase 
zoom: 8

mapTypeId是小写的，因此您可以像

function initialize() {
    var maptype = $('#maptype>option:selected').val().toLowerCase();
    var myLatlng = new google.maps.LatLng(43.565529, -80.197645);
    var mapOptions = {
        zoom: 8,
        center: myLatlng,
        mapTypeId: maptype
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

$("#maptype").change(function () {
    initialize();
})

---

检查这个

+1你是对的。在我的回答中，我每次都调用initialize方法。我喜欢你的方法。我已经为你的答案创造了一个答案。希望你喜欢它。在我的回答中，我每次都调用initialize方法。我喜欢你的方法。我已经为你的答案创造了一个答案。希望你喜欢它。在我的回答中，我每次都调用initialize方法。我喜欢你的方法。我已经为你的答案创造了一个答案。希望你喜欢它。在我的回答中，我每次都调用initialize方法。我喜欢你的方法。我已经为你的答案创造了一个答案。希望你喜欢。