OpenLayers地圖未正確加載

Question

我正在用OpenLayers映射制作一個ASP.NET站點，但是在IE中它總是在加載，而在Chrome中它說該站點在一段時間后沒有反應。 腳本位於內容標簽內。
我正在使用2.13.1版。
這是代碼：

 <script type="text/javascript" src="../Scripts/OpenLayers.js" ></script>

    <script type="text/javascript" src="../Scripts/expand.js"></script>

    <!-- map built with OpenLayers api on OpenStreetMap -->
    <script type="text/javascript">
        map = new OpenLayers.Map("mapdiv");
        map.addLayer(new OpenLayers.Layer.OSM());

        epsg4326 = new OpenLayers.Projection("EPSG:4326"); // WGS 1984 projection
        projectTo = map.getProjectionObject(); // The map projection (Spherical Mercator)

        // Define center-point
        var lonLat = new OpenLayers.LonLat(8.2891666666666666666666666, 46.8344444444444444444).transform(epsg4326, projectTo);
        map.setCenter(lonLat, 8);

    </script>

我的鏈接有誤還是忘記了其他東西？

Answer 1

您正在將OpenLayers 2語法與OpenLayers 3庫一起使用。 一個關鍵的區別是與其說

map = new OpenLayers.Map("mapdiv");

你想用

var map = new ol.Map("mapdiv");

您需要更正使用“ OpenLayers”而不是“ ol”的其他實例。

這是OpenLayers 3文檔入門的鏈接。

Answer 2

試試這個會起作用

<html>
<head>
<title>OpenLayers Demo</title>
<style type="text/css">
html,body,#mapdiv {
    width: 100%;
    height: 100%;
    margin: 0;
}
</style>

<script src="../js/OpenLayers.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../css/ol-theme-style.css" />
</head>
<body>
<div id="mapdiv"></div>
<script>
map = new OpenLayers.Map("mapdiv");
map.addLayer(new OpenLayers.Layer.OSM());

epsg4326 = new OpenLayers.Projection("EPSG:4326"); //WGS 1984 projection
projectTo = map.getProjectionObject(); //The map projection (Spherical Mercator)

var lonLat = new OpenLayers.LonLat(73.8567, 18.5203).transform(epsg4326, projectTo);

var zoom = 14;
map.setCenter(lonLat, zoom);
</script>
</body>
</html>

OpenLayers地圖未正確加載

問題描述

2 個解決方案

解決方案1
0 2015-08-31 23:36:49

解決方案2
0 2015-09-18 10:03:15

OpenLayers地圖未正確加載

問題描述

2 個解決方案

解決方案1 0 2015-08-31 23:36:49

解決方案2 0 2015-09-18 10:03:15

解決方案1
0 2015-08-31 23:36:49

解決方案2
0 2015-09-18 10:03:15