Google Maps: «карта не определена»

Question

Я экспериментирую с Google Maps PanTo.У меня есть карта приложения JQuery.и попробовал простой код.

function movemap(latlong) {
    var myLatlng = new google.maps.LatLng(latlong);
    map.panTo(myLatlng);
}

В консоли Firebug написано map is not Defined.Так что это означает, что я не определил это.Итак, как мне это определить.

Answer 1

Проблема с примером из учебника заключается в том, что «map» - это локальная переменная, определенная и используемая ТОЛЬКО внутри функции initialize ().Если вы хотите сослаться на него вне этой функции, что вы и пытаетесь сделать, вы должны определить его вне функции.В этом случае учебник должен быть переписан следующим образом:

<script type="text/javascript">
  var map;
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }

</script>

Обратите внимание, что «map» теперь определяется вне любой функции, поэтому теперь любая функция javascript может ссылаться на него.

Answer 2

Возможно, вы захотите пройти учебник ;вот как они создали новый объект карты:

<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var myOptions = {
      zoom: 8,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
  }

</script>

, где map_canvas равно

<div id="map_canvas" style="width:100%; height:100%"></div>

Answer 3

Хитрость в том, что вам нужна переменная "карта", чтобы быть глобальной. Таким образом, вместо того, чтобы инициализировать его в «функции инициализации», вы просто объявляете это где-то в главном блоке,

так что вместо этого:

function initialize(){
    var mapOptions = {
        center: new google.maps.LatLng(49.6327939,15.4174414),
        zoom: 6,            
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map"), mapOptions);  
}

вы сделаете это:

var map;
function initialize(){
    var mapOptions = {
        center: new google.maps.LatLng(49.6327939,15.4174414),
        zoom: 6,            
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"), mapOptions);      
}

Answer 4

В этой строке var myLatlng = new google.maps.LatLng(latlong); выглядит так, как будто две переменные работают вместе.

Разве это не должно быть var myLatlng = new google.maps.LatLng(lat, long);, если две переменные разделены запятой?