2016-11-15 20 views

答えて

0

マップにWFSサービスを追加するには、WFSLayerを使用する必要があります。以下はESRIが提供するサンプルです。それを見てみましょう。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> 
 
<title>WFS Layer</title> 
 
<link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/css/esri.css"> 
 
<style> 
 
    html, body, #map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    } 
 
</style> 
 
<script src="https://js.arcgis.com/3.18/"></script> 
 
<script> 
 
    var map; 
 

 
    require(["esri/map", "esri/InfoTemplate","esri/layers/WFSLayer", "esri/config", "dojo/domReady!"], function(Map, InfoTemplate, WFSLayer, esriConfig) { 
 
    map = new Map("map", { 
 
     basemap: "topo", 
 
     center: [-121.936, 37.346], 
 
     zoom: 10 
 
    }); 
 

 
    var layer = new WFSLayer(); 
 
    
 
    var opts = { 
 
     "url": "http://www.hcpmaps.com:8080/geoserver/HCP/wfs", 
 
     "version": "1.1.0", 
 
     "name": "citylimits", 
 
     "wkid": 3857, 
 
     "maxFeatures": 100 
 
    }; 
 

 
    esriConfig.defaults.io.proxyUrl = "/sproxy/"; 
 

 
    layer.fromJson(opts); 
 
    
 
    map.addLayer(layer); 
 

 
    }); 
 
</script> 
 
</head> 
 

 
<body> 
 
    <div id="map"></div> 
 
</body> 
 
</html>

UPDATE:作品別のWFSサービスで更新。

+0

このコードを試しても機能しません。 – Mansi

+0

レイヤーがマップに表示されないという意味ではありません。 – Mansi

+0

プロキシのために上記のコードは機能しません。あなたはプロキシ設定ですか?働いていますか? –

関連する問題