确定wms地址angularjs中的图层

时间:2014-07-21 10:56:49

标签: angularjs leaflet

我正在使用angularjs,我想输入一个wms地址,并检查我可以选择的可用层数。我已经尝试了http.Capabilities,但它不起作用。

1 个答案:

答案 0 :(得分:0)

检查下面的示例。这可能会对你有所帮助。

<div ng-app ng-controller="WMSCtrl">
<ul>
    <li ng-repeat="num in nums">{{num}}</li>
    {{data}}
    <button ng-click="get_data()">Get stuff</button>
</ul>

function WMSCtrl($scope, $http) {
$scope.nums = [1,2,3]
$scope.data = null;
$scope.get_data = function() {
  var url2 = 'http://giswebservices.massgis.state.ma.us/geoserver/wms?VERSION=1.1.1&LAYERS=massgis:GISDATA.ACECS_POLY&SRS=EPSG:26986&BBOX=11830.0,776202.9449152543,348201.0,961492.0550847457&WIDTH=708&HEIGHT=390&INFO_FORMAT=text/javascript&FEATURE_COUNT=10&QUERY_LAYERS=massgis:GISDATA.ACECS_POLY&X=120&Y=109&FORMAT&STYLES=&SERVICE=WMS'
  $http.jsonp(url2, {params : {REQUEST: 'GetFeatureInfo'}});
}

window.parseResponse = function(data) {
  $scope.data = data
}
}

以下link

提供的傻瓜