javascript - OpenLayers map 未正确加载

Question

我正在使用 OpenLayers map 创建 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”的其他实例。

这是一个link了解 OpenLayers 3 文档入门。