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