Google Map API v3，通过单击链接更改地图类型：“地图未定义”

Question

我正在使用官方文档中最简单的示例：

function initialize() {
  var mapCent = new google.maps.LatLng($shirota, $dolgota);
  var myOptions = {
    zoom: $uvelichenie,
    center: mapCent,
    mapTypeId: google.maps.MapTypeId.SATELLITE
};

var map = new google.maps.Map(
      document.getElementById("map_canvas"),
      myOptions);
}

我已添加此示例以动态更改地图类型，如官方文档中所述：

function perekluchitDor() {
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}


这在 HTML 部分的 href 中：

onclick="perekluchitDor();">

一切都非常简单，但仍然不起作用。当我单击链接时，我只能看到错误“地图未定义”。

我想知道我在这里做错了什么？

Answer 1

这是一个变量范围问题。您需要在函数外部声明 map ，如下所示（第一行代码）。

      var map;  
      function initialize() {
          var mapCent = new google.maps.LatLng($shirota, $dolgota);
          var myOptions = {
            zoom: $uvelichenie,
            center: mapCent,
            mapTypeId: google.maps.MapTypeId.SATELLITE
          };

          map = new google.maps.Map(
            document.getElementById("map_canvas"),
            myOptions);
      }

Answer 2

var name1 = "value";
name1 = "value";

在用户定义函数之外使用，两者的作用完全相同。两个都
创建一个全局变量。全局变量可以从任何函数中访问
当前加载的窗口或框架。如果我们在用户定义的内部使用 var name1
函数的作用域是局部的，我们只能在函数内部看到它。

您只需删除 map 语句后面的 var 即可。您不需要在函数之外声明映射。