Doctype宣言で作業中のOpenLayers

私はネイビービーンズから生成された次のコードを持っていますが、この変更はlinkです。コードは削除してもうまく機能しません。何が問題なのでしょうか？ <!DOCTYPE html>Doctype宣言で作業中のOpenLayers

<?xml version="1.0" encoding="UTF-8"?> 
<!-- 
To change this template, choose Tools | Templates 
and open the template in the editor. 
--> 
**<!DOCTYPE html>** 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"> 
    <h:head> 
     <title>OpenLayers Example</title> 
     <script src="http://openlayers.org/api/OpenLayers.js"></script> 
    </h: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'}); 
      var dm_wms = new OpenLayers.Layer.WMS(
      "Canadian Data", 
      "http://www2.dmsolutions.ca/cgi-bin/mswms_gmap", 
      { 
       layers: "bathymetry,land_fn,park,drain_fn,drainage," + 
        "prov_bound,fedlimit,rail,road,popplace", 
       transparent: "true", 
       format: "image/png" 
      }, 
      {isBaseLayer: false} 
     ); 
      map.addLayers([wms, dm_wms]); 
      map.zoomToMaxExtent(); 
     </script> 

    </body> 
</html>

出典

2012-05-02 kinkajou

多分、この質問に答えるには遅すぎるかもしれませんが、それは誰かを助けることができるので、私は試してみます。

この動作の原因は私には不明のままですが、私は解決策を見つけた：あなたは「位置：固定;」を割り当てる必要がありますのdiv＃マップにプロパティを。私はXMLでテストしていませんが、HTML文書では正しく動作します。

出典

2012-12-08 08:54:09

はどちらか使用しているAPI、またはあなたがそれを使用している方法は、ブラウザ（つまり、ブラウザが意図的に古いバグのブラウザをシミュレートするために、規格や仕様から逸脱モードである）でQuirks Modeに依存しています。ところで

は、独立モードの、Firefoxは次のエラーを報告します。

document.getElementsByTagName("head")[0] is undefined 
Source: http://openlayers.org/api/OpenLayers.js 
Line: 424

また、ページが両方のモードのように空に表示されます。これはあなたが「うまくいきません」と言っているのでしょうか？

出典

2012-05-02 04:57:22

はい！私はこの希望のJSFをhttp://stackoverflow.com/questions/10395939/running-open-layer-with-jsf-and-xhtml-fileを参照して使用しています – kinkajou

Doctype宣言で作業中のOpenLayers

答えて

関連する問題