首页 \ 问答 \ WFS图层不显示(WFS Layer Not Display)

WFS图层不显示(WFS Layer Not Display)

 我从GeoServer创建了WFS GeoJson图层，我得到了这个URL'http：// localhost：8080 / geoserver / trail /ows？service = WFS＆version = 1.0.0＆request = GetFeature＆typeName = trail：sbi_branch_data＆maxFeatures = 50＆outputFormat = application％2Fjson '，来自OL3示例的示例从该代码中，我尝试了OpenLayer3中的一些代码，但给出了一些错误。请帮助我。谢谢。 
 

<!DOCTYPE html>
<html>
  <head>
    <title>WFS</title>
   <!-- <link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
  <!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="https://openlayers.org/en/v4.1.0/build/ol.js"></script>-->

   <link rel="stylesheet" href="css/ol.css" type="text/css" />
     <link rel="stylesheet" href="css/sample.css" type="text/css" />


    </head>

  <body>
    <div id="map" class="map"></div>
     <script src="js/ol.js"></script>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
      var vectorSource = new ol.source.Vector({
        format: new ol.format.GeoJSON(),
        url: function(extent) {
          return 'http://localhost:8080/geoserver/trail/ows?service=WFS&'+
          'version=1.0.0&request=GetFeature&typeName=trail:sbi_branch_data&'+
          'maxFeatures=50&outputFormat=application/json&srsname=EPSG:4326&' +
              'bbox=' + extent.join(',') + ',EPSG:4326';
        },
        strategy: ol.loadingstrategy.bbox
      });


      var vector = new ol.layer.Vector({
        source: vectorSource,
        style: new ol.style.Style({
          stroke: new ol.style.Stroke({
            color: 'rgba(0, 0, 255, 1.0)',
            width: 2
          })
        })
      });

      var raster = new ol.layer.Tile({
       // source: new ol.source.BingMaps({
         // imagerySet: 'Aerial',
        //  key: 'Your Bing Maps Key from http://www.bingmapsportal.com/ here'
      //  })
      });

      var map = new ol.Map({
        layers: [raster, vector],
        target: document.getElementById('map'),
        view: new ol.View({
          center: [20.5937, 78.9629],
          maxZoom: 19,
          zoom: 12
        })
      });
    </script>
  </body>
</html>

 

 错误：“XMLHttpRequest无法加载http：// localhost：8080 / geoserver / trail /ows？service = WFS＆version = 1.0.0＆request ... 644126996，-13297.517049905844,22569.517044127,13455.442849905845，EPSG：4326。”Access-Control-Allow-Origin '标题出现在请求的资源上，因此不允许Origin'null'访问。“ 

I created WFS GeoJson layer from GeoServer ,I got this url'http://localhost:8080/geoserver/trail/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=trail:sbi_branch_data&maxFeatures=50&outputFormat=application%2Fjson' ,I got example from OL3 examples From that code ,I tried some code in OpenLayer3 ,but giving some error.please help me .Thanks. 
 

<!DOCTYPE html>
<html>
  <head>
    <title>WFS</title>
   <!-- <link rel="stylesheet" href="https://openlayers.org/en/v4.1.0/css/ol.css" type="text/css">
    <!-- The line below is only needed for old environments like Internet Explorer and Android 4.x -->
  <!-- <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
    <script src="https://openlayers.org/en/v4.1.0/build/ol.js"></script>-->

   <link rel="stylesheet" href="css/ol.css" type="text/css" />
     <link rel="stylesheet" href="css/sample.css" type="text/css" />


    </head>

  <body>
    <div id="map" class="map"></div>
     <script src="js/ol.js"></script>
        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
      var vectorSource = new ol.source.Vector({
        format: new ol.format.GeoJSON(),
        url: function(extent) {
          return 'http://localhost:8080/geoserver/trail/ows?service=WFS&'+
          'version=1.0.0&request=GetFeature&typeName=trail:sbi_branch_data&'+
          'maxFeatures=50&outputFormat=application/json&srsname=EPSG:4326&' +
              'bbox=' + extent.join(',') + ',EPSG:4326';
        },
        strategy: ol.loadingstrategy.bbox
      });


      var vector = new ol.layer.Vector({
        source: vectorSource,
        style: new ol.style.Style({
          stroke: new ol.style.Stroke({
            color: 'rgba(0, 0, 255, 1.0)',
            width: 2
          })
        })
      });

      var raster = new ol.layer.Tile({
       // source: new ol.source.BingMaps({
         // imagerySet: 'Aerial',
        //  key: 'Your Bing Maps Key from http://www.bingmapsportal.com/ here'
      //  })
      });

      var map = new ol.Map({
        layers: [raster, vector],
        target: document.getElementById('map'),
        view: new ol.View({
          center: [20.5937, 78.9629],
          maxZoom: 19,
          zoom: 12
        })
      });
    </script>
  </body>
</html>

 

Error: "XMLHttpRequest cannot load http://localhost:8080/geoserver/trail/ows?service=WFS&version=1.0.0&request…644126996,-13297.517049905844,22569.517044127,13455.442849905845,EPSG:4326. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access."

原文：https://stackoverflow.com/questions/43650246
更新时间：2022-10-01 20:10

最满意答案

 我认为你可以默认做到这一点，但你可以做一些关闭：1.你去图书馆，选择“新字体”。 2.选择你的字体，例如“Myriad Pro”，检查“导出脚本”复选框。 您会收到关于不存在的类的消息，并在运行时生成 - 您按“确定”，不用担心。 3.当您定义动态文本字段时，请执行以下操作： 
 

var textFormat:TextFormat = new TextFormat();
textFormat.font = 'Myriad Pro';
textBox.setTextFormat(textFormat);
textBox.defaultTextFormat = textFormat;

 

 当然，如果不存在大小或其他属性的差异，则只需定义一次textFormat。 setTextFormat(textFormat)适用于文本框中的文本，而defaultTextFormat适用于将从该点添加到文本框的文本。 
 

 这应该够了吧。 在Flash CS4中测试。 

I don't think you can do that by default, but you can do something close: 1. You go to the library, select "new font". 2. You pick your font, for example "Myriad Pro", check the "export for Actionscript" checkbox. You get a message about a class not existing and being generated at runtime - you press "OK" and don't worry. 3. When you define your dynamic textfields, you do the following:
 

var textFormat:TextFormat = new TextFormat();
textFormat.font = 'Myriad Pro';
textBox.setTextFormat(textFormat);
textBox.defaultTextFormat = textFormat;

 

Of course, you only need to define the textFormat once, if no differences in size or other attributes exist. The setTextFormat(textFormat) applies for the text already in the textbox, whereas the defaultTextFormat applies for the text that's going to be added from that point on to the textbox.
 

That should do the trick. Tested in Flash CS4.

相关问答

更多

相关文章

更多
  • 关于 style="display:none" 得问题
  • display控件格式化时间日期的问题？
  • 关于netbeans使用GWT框架失效或点击不显示的问题，最后导致生成失败
  • java连接数据库问题 不显示内容
  • 不显示删除回复显示所有回复显示星级回复显示得分回复 请问java Object的hashcode（）方法是怎么实现的啊，内部的算法是什么啊
  • 左则导航鼠标滑过时显示详情的实现
  • solr4.7开发实践 2——高亮显示
  • workgroup无法访问。您可能没有权限使用网络资源……（解决方案）
  • android高仿微信UI点击头像显示大图片效果
  • JFreeChart笔记 (九) 时间序列图：显示多重时间标签文字

    • 最新问答

    更多
  • 您如何使用git diff文件，并将其应用于同一存储库的副本的本地分支？(How do you take a git diff file, and apply it to a local branch that is a copy of the same repository?)
  • 将长浮点值剪切为2个小数点并复制到字符数组(Cut Long Float Value to 2 decimal points and copy to Character Array)
  • OctoberCMS侧边栏不呈现(OctoberCMS Sidebar not rendering)
  • 页面加载后对象是否有资格进行垃圾回收？(Are objects eligible for garbage collection after the page loads?)
  • codeigniter中的语言不能按预期工作(language in codeigniter doesn' t work as expected)
  • 在计算机拍照在哪里进入
  • 使用cin.get（）从c ++中的输入流中丢弃不需要的字符(Using cin.get() to discard unwanted characters from the input stream in c++)
  • No for循环将在for循环中运行。(No for loop will run inside for loop. Testing for primes)
  • 单页应用程序：页面重新加载(Single Page Application: page reload)
  • 在循环中选择具有相似模式的列名称(Selecting Column Name With Similar Pattern in a Loop)
  • System.StackOverflow错误(System.StackOverflow error)
  • KnockoutJS未在嵌套模板上应用beforeRemove和afterAdd(KnockoutJS not applying beforeRemove and afterAdd on nested templates)
  • 散列包括方法和/或嵌套属性(Hash include methods and/or nested attributes)
  • android - 如何避免使用Samsung RFS文件系统延迟/冻结？(android - how to avoid lag/freezes with Samsung RFS filesystem?)
  • TensorFlow：基于索引列表创建新张量(TensorFlow: Create a new tensor based on list of indices)
  • 企业安全培训的各项内容
  • 错误：RPC失败;(error: RPC failed; curl transfer closed with outstanding read data remaining)
  • C＃类名中允许哪些字符？(What characters are allowed in C# class name?)
  • NumPy：将int64值存储在np.array中并使用dtype float64并将其转换回整数是否安全？(NumPy: Is it safe to store an int64 value in an np.array with dtype float64 and later convert it back to integer?)
  • 注销后如何隐藏导航portlet？(How to hide navigation portlet after logout?)
  • 将多个行和可变行移动到列(moving multiple and variable rows to columns)
  • 提交表单时忽略基础href，而不使用Javascript(ignore base href when submitting form, without using Javascript)
  • 对setOnInfoWindowClickListener的意图(Intent on setOnInfoWindowClickListener)
  • Angular $资源不会改变方法(Angular $resource doesn't change method)
  • 在Angular 5中不是一个函数(is not a function in Angular 5)
  • 如何配置Composite C1以将.m和桌面作为同一站点提供服务(How to configure Composite C1 to serve .m and desktop as the same site)
  • 不适用：悬停在悬停时：在元素之前[复制](Don't apply :hover when hovering on :before element [duplicate])
  • 常见的python rpc和cli接口(Common python rpc and cli interface)
  • Mysql DB单个字段匹配多个其他字段(Mysql DB single field matching to multiple other fields)
  • 产品页面上的Magento Up出售对齐问题(Magento Up sell alignment issue on the products page)

    • Copyright ©2023 peixunduo.com All Rights Reserved.粤ICP备14003112号

    本站部分内容来源于互联网，仅供学习和参考使用，请莫用于商业用途。如有侵犯你的版权，请联系我们(neng862121861#163.com)，本站将尽快处理。谢谢合作！