2

Web サイトでマップ API の使用を開始しようとしています。私はもともとopenstreetmapを探していましたが、マップを表示したい場合はopenlayersを使用する必要があることにすぐに気付きました。この 2 つの関係についてはまだよくわかっていないので、両方にタグを付けます。私は単に、Hello World の例を実行しようとしています。

OpenLayers には、最初の実装について説明するこのページがあります。開始ページには、最初の例で次のコードを使用するように記載されています。

<html>
<head>
  <title>OpenLayers Example</title>
    <script src="http://openlayers.org/api/OpenLayers.js"></script>
    </head>
    <body>
      <div style="width:100%; height:100%" id="map"></div>
      <script defer="defer" type="text/javascript">
        var map = new OpenLayers.Map('map');
        var wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",
            "http://vmap0.tiles.osgeo.org/wms/vmap0", {layers: 'basic'} );
        map.addLayer(wms);
        map.zoomToMaxExtent();
      </script>

</body>
</html>

ページを html5 として宣言している場合、このコードは機能しません。このヘッダーを追加するとすぐに、例は機能しなくなります。

<!DOCTYPE html>
<meta charset='utf-8'>

なぜこれになるのかわかりません。このページは非常に単純化されており、残念ながら私は html5 と openlayers について十分に理解していないため、問題が何であるかを知ることができませんが、問題が何であるかを絞り込むことができました。解決策とその理由を説明できる人はいますか?

4

1 に答える 1