使用ExtJs 4.2.1和GeoExt显示openstreetmap

时间:2014-03-14 18:02:27

标签: extjs openlayers openstreetmap geoext

我正在尝试使用PHP,ExtJS,GeoExt和OpenLayers来应用PgroutingWorkshop。 我实际上在教程中,他们使用的是ExtJS 3.3.1我认为我和4.2.1 首先,他们提到了一个名为ext-base的JS脚本,该脚本在4.2.1版本中并不存在。我说,这不是很重要,所以我应用了他们所说的每一件事,但没有出现。 我在没有osm地图的情况下尝试了geoExt官方网站上的另一个教程,但它也没有。 这是代码:

        <html>
<head>
<title>Une page GeoExt de base</title>
<script src="ext/adapter/ext/ext-base.js" type="text/javascript"></script>
<script src="ext/ext-all.js"  type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css"></link>
<script src="OpenLayers/OpenLayers.js" type="text/javascript"></script>
<script src="GeoExt/lib/GeoExt.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="GeoExt/resources/css/geoext-all-debug.css"></link>

    <script type="text/javascript">
Ext.onReady(function() {
        var map = new OpenLayers.Map();
        var layer = new OpenLayers.Layer.WMS(
            "Global Imagery",
            "http://maps.opengeo.org/geowebcache/service/wms",
            {layers: "bluemarble"}
        );
        map.addLayer(layer);

        new GeoExt.MapPanel({
            renderTo: 'usthb',
            height: 400,
            width: 600,
            map: map,
            title: 'A Simple GeoExt Map'
        });
    });
    </script>
</head>
<body>

<div id="usthb" style="width:100% height=200% "></div>
    <div id="navigator"></div>
</body>

0 个答案:

没有答案