使用OpenLayers3的全局JavaScript变量

Question

为什么这样工作？

function addMap() {
  var view = new ol.View({
    center: ol.proj.fromLonLat([29.5646, 44.1575]),
    zoom: 4
  });
  var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: view
  });
}

...这不是吗？

var view = new ol.View({
  center: ol.proj.fromLonLat([29.5646, 44.1575]),
  zoom: 4
});

function addMap() {
  var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: view
  });
}

我想如果变量是外部函数，那是全局变量，可以在所有其他地方使用。

Answer 1

问题是您在文档加载之前在文档上运行javascript，因此

1. 将您的JavaScript代码移至正文的末尾，或

2. 你可以在这一切

    $(document).ready(function() { var view = new ol.View({ center: ol.proj.fromLonLat([29.5646, 44.1575]), zoom: 4 }