OpenLayers 3でGeoserverのWFSを使用するにはどうすればよいですか？

さまざまなセットアップとフォーマットを試してみましたが、成功しませんでした。

firebugを使用すると、jsonデータがロードされていることがわかりますが、マップには何も表示されません。

openlayers 3でgeoserverとwfsを使った経験はありますか？

var layer_ojd_vector = new ol.layer.Vector({
 source: new ol.source.Vector({
  parser: new ol.parser.GeoJSON(),
  url: http://SERVER:8080/geoserver/NS/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=NS:LAYER&maxFeatures=50&outputFormat=json
 }),
 style: new ol.style.Style({rules: [
  new ol.style.Rule({
   filter: 'geometryType("point")',
   symbolizers: [
     new ol.style.Shape({
       fillColor: '#013',
       size: 40
     })
   ]
 })
]})  
});

私はこれがここでかなり答えられるのを見ました。

WebサーバーからHTMLファイルを実行し、次の方法でアクセスする必要があります。

SERVER：8080 / geoserver / index.html

またはあなたの設定です。

HTMLファイルをダブルクリックしてWFSレイヤーを表示することはできません。

カイルに同意します。1年後でも、簡単に再現できる説明付きの良い例を見つけるのにしばらく時間がかかりました。

「openlayers 3の本」の例が好きです。残念ながら、私は本自体にアクセスすることはできませんが、例から判断するとよく書かれていると思います。

この例はol 3.4用です

http://acanimal.github.io/thebookofopenlayers3/chapter03_07_query_wfs.html

openlayersサンプルページからol 3.5 vector-wfsマスターサンプルを複製する際に問題が発生しました。これらの問題はおそらく今では修正されています。

http://openlayers.org/en/master/examples/vector-wfs.html

3つのjsfiddleを作成して、ol.format.GeoJSON（JSONおよびJSONP）およびol.format.WFSのAJAXを介したol 3.5.0呼び出しをデモンストレーションしました。

WFS（たとえば、Apache Tomcatの場合、WebサーバーでCORSアクセスを有効にする必要があります）

http://jsfiddle.net/goldrydigital/9d3jzpna/

JSON（Apache Tomcatなどの場合、WebサーバーでCORSアクセスを有効にする必要があります）

http://jsfiddle.net/goldrydigital/ucspgvx0/

JSONP（JSONP はGeoserverで有効にする必要があります）

http://jsfiddle.net/goldrydigital/08zzh9n9/

私は何が必要なのだと思う。この：
RESTの構成APIリファレンス
RESTと（それは同じサーバの場合は、ポート8080でポート80とgeoserver上またはApacheなどの間で）あなたはサーバー間でデータを呼び出すことができます。