google-maps - 按元素 ID 更改地图设置

Question

有代码：

jQuery(function() {
  new google.maps.Map(document.getElementById('mymap'), {
    zoom: 14,
    center: new google.maps.LatLng(12, 34),
    streetViewControl: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
});

无需更改此代码即可更改地图类型。

jQuery(function() {
  var map = ???
  map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
});

Answer 1

您的函数结束后无法更改地图，因为它不再可访问。

唯一的方法是给它一个名称，以便您可以访问它（只能通过更改无法更改的代码来完成）：

var map = null;
jQuery(function() {
  map = new google.maps.Map(document.getElementById('mymap'), {
    zoom: 14,
    center: new google.maps.LatLng(12, 34),
    streetViewControl: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  });
});

您的标题显示“按元素 id”，您不能使用 HTML id 修改 javascript 对象。