Javascript OpenLayers地图没有'；无法正确加载_Javascript_Asp.net_Debugging_Openlayers

Javascript OpenLayers地图没有'；无法正确加载

javascript asp.net debugging openlayers

Javascript OpenLayers地图没有'；无法正确加载,javascript,asp.net,debugging,openlayers,Javascript,Asp.net,Debugging,Openlayers,我正在制作一个带有OpenLayers地图的ASP.NET网站，但在IE中它总是在加载，在Chrome中它说，过了一段时间，该网站不会做出反应。脚本在内容标签中。我使用的是2.13.1版。代码如下： <script type="text/javascript" src="../Scripts/OpenLayers.js" ></script> <script type="text/javascript" src="../Scripts/expand.

我正在制作一个带有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>


map=新的OpenLayers.map（“mapdiv”）；
addLayer（新的OpenLayers.Layer.OSM（））；
epsg4326=新OpenLayers.Projection（“EPSG:4326”）；//WGS 1984年预测
projectTo=map.getProjectionObject（）；//地图投影（球面墨卡托）
//定义中心点
var lonLat=new OpenLayers.lonLat（8.2891666666666,46.83444444444）.transform（epsg4326，projectTo）；
地图设置中心（lonLat，8）；

是我的链接错了还是我忘了什么？

您在OpenLayers 3库中使用OpenLayers 2语法。一个关键的区别不是说

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

你想用

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

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

下面是OpenLayers 3入门文档的一个示例

您正在OpenLayers 3库中使用OpenLayers 2语法。一个关键的区别不是说

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

你想用

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

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

下面是OpenLayers 3入门文档的一个示例

试试这个会有用的

<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演示
html，body，#mapdiv{
宽度：100%；
身高：100%；
保证金：0；
}
map=新的OpenLayers.map（“mapdiv”）；
addLayer（新的OpenLayers.Layer.OSM（））；
epsg4326=新OpenLayers.Projection（“EPSG:4326”）//WGS 1984年预测
projectTo=map.getProjectionObject（）//地图投影（球面墨卡托）
var lonLat=newopenlayers.lonLat（73.8567,18.5203）.transform（epsg4326，projectTo）；
var=14；
地图设置中心（lonLat，zoom）；

试试看，这样行吗

<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演示
html，body，#mapdiv{
宽度：100%；
身高：100%；
保证金：0；
}
map=新的OpenLayers.map（“mapdiv”）；
addLayer（新的OpenLayers.Layer.OSM（））；
epsg4326=新OpenLayers.Projection（“EPSG:4326”）//WGS 1984年预测
projectTo=map.getProjectionObject（）//地图投影（球面墨卡托）
var lonLat=newopenlayers.lonLat（73.8567,18.5203）.transform（epsg4326，projectTo）；
var=14；
地图设置中心（lonLat，zoom）；

Oh，我首先使用rigth语法，因为我使用了另一个js，实际上是版本2。Oh，我首先使用rigth语法，因为我使用了另一个js，实际上是版本2。尝试为div指定高度或宽度，如html、body、#mapdiv{width:100%；height:100%；margin:0；}尝试为div指定高度或宽度，如html、body、#mapdiv{width:100%；height:100%；margin:0；}