我是否正確調用JavaScript文件？

Question

我有一個網頁，我想知道我是否正確調用了javascript3.js 。 該文件與html位於同一文件夾內。 當我將javascript代碼放入html時，效果很好。

（ ol3-layerswitcher.js被正確調用，所以我不知道為什么另一個未被調用。）

HTML：

<!DOCTYPE html>
<html>
  <head>
        <title>Map</title>
        <link rel="stylesheet" href="http://openlayers.org/en/v3.12.1/css/ol.css">
        <link rel="stylesheet" href="ol3-layerswitcher.css">
        <script src="http://openlayers.org/en/v3.12.1/build/ol.js"></script>
        <script src="ol3-layerswitcher.js"></script>
        <script src="javascript3.js"></script>
  </head>
  <body>
    <div id="map" style="width:100%;"></div>
    <div id="info"></div>
  </body>
</html>

javascript3.js：

var testSource = new ol.source.TileWMS({
url: 'http://localhost:8080/geoserver/wms',
params: {'LAYERS': 'Marine:Great_Britain', 'TILED': true},
    serverType: 'geoserver'
});

  var layers = [
    new ol.layer.Tile({
      source: new ol.source.MapQuest({layer: 'osm'})
    }),

        new ol.layer.Group({
            title: 'Layers',
            layers: [

                //Implementing layers
                new ol.layer.Tile({
                    title: 'Great Britain',
                    source: testSource
                }),
            ]
        })


  ];
  var map = new ol.Map({
    layers: layers,
    target: 'map',
    view: new ol.View({
      center: [51480.6, 7216744.2], //UK
      zoom: 5
    })
  });

  //Function to get features from layer
  map.on('singleclick', function(evt) {
    document.getElementById('info').innerHTML = '';
    viewResolution = map.getView().getResolution();
    var url = testSource.getGetFeatureInfoUrl(
        evt.coordinate, viewResolution, 'EPSG:3857',
        {'INFO_FORMAT': 'text/html'});
    if (url) {
      document.getElementById('info').innerHTML =
          '<iframe seamless src="' + url + '"></iframe>';
    }
  });


  //Layer switcher to turn layers on and off
   var layerSwitcher = new ol.control.LayerSwitcher({
   tipLabel: 'Legend'
});
map.addControl(layerSwitcher);

Answer 1

如果您需要執行DOM操作而不將代碼包裝到文檔就緒處理程序中（例如$(document).ready(); ），則正確的位置應位於body的末尾（或至少在創建要操作的DOM元素之后））：

<!DOCTYPE html>
<html>
  <head>
        <title>Map</title>
        <link rel="stylesheet" href="http://openlayers.org/en/v3.12.1/css/ol.css">
        <link rel="stylesheet" href="ol3-layerswitcher.css">
        <script src="http://openlayers.org/en/v3.12.1/build/ol.js"></script>
        <script src="ol3-layerswitcher.js"></script>
  </head>
  <body>
    <div id="map" style="width:100%;"></div>
    <div id="info"></div>
    <script src="javascript3.js"></script>
  </body>
</html>

我是否正確調用JavaScript文件？

問題描述

1 個解決方案

解決方案1
0 2016-01-15 22:04:29

我是否正確調用JavaScript文件？

問題描述

1 個解決方案

解決方案1 0 2016-01-15 22:04:29

解決方案1
0 2016-01-15 22:04:29