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);
}

Я добавил это для динамического изменения типа карты, как описано в официальной документации:

</p>

<pre><code>function perekluchitDor() {
    map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
}
</code>

Это в href в части HTML:

onclick="perekluchitDor();">

Все довольно просто, но все равно не работает. Все, что я вижу, это ошибка "карта не определена", когда я нажимаю на ссылку.

Интересно, что я здесь не так делаю?

Answer 1

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

Используется вне пользовательской функции, обе они выполняют одно и то же.Оба создают глобальную переменную.Глобальная переменная может быть доступна из любой функции в любом окне или фрейме, который загружен в данный момент.Если мы используем переменную name1 внутри определенной пользователем функции, она является локальной в области видимости, мы можем видеть ее только внутри функции.

Вам нужно удалить только переменную, указанную в операторе map.Вам не нужно объявлять карту вне ваших функций.

Answer 2

Это проблема переменной области. Вам нужно объявить map вне ваших функций, как показано ниже (1-я строка кода).

      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);
      }